DivMan
User-
Posts
1,734 -
Joined
-
Last visited
-
Days Won
20
Content Type
Profiles
Forums
Calendar
Store
Everything posted by DivMan
-
http://jsfiddle.net/HPsz4/
-
верхнее меню на htmlbook сделано с помощью фреймов?
-
спасибо
-
http://jsfiddle.net/hWmC2/
-
почему не работает border-spacing???? расстояние не появляется между свойство и цель border-spacing в конце стилей http://jsfiddle.net/hWmC2/ <!doctype html> <html> <head> <meta charset="utf-8"> <title>Пример CSS</title> <style type="text/css"> table{ background-color:#efefef; width:350px; border-style:solid; border-width:1px; border-color:#999999; font-family:arial, verdana, sans-serif; } caption{ font-weight:bold; text-align:center; border-style:solid; border-width:1px; border-color:#666666; color:#666666; } th{ height:50px; font-weight:bold; text-align:left; background-color:#cccccc; } td, th{ padding:5px; } td.code{ width:150px; font-family:courier, courier-new, serif; font-weight:bold; text-align:right; vertical-align:top; } th{ border-spacing:2px; 4px; } </style> </head> <body> <table> <caption>Свойства шрифта</caption> <tr> <th>Свойство</th> <th>Цель</th> </tr> <tr> <td class="code">font-family</td> <td>Указывает примененный шрифт</td> </tr> <tr> <td class="code">font-size</td> <td>Указывает размер использованного шрифта.</td> </tr> <tr> <td class="code">font-style</td> <td>Указывает, должен ли шрифт быть обычным, курсивным или наклонныи.</td> </tr> <tr> <td class="code">font-weight</td> <td>Указывает, должен ли шрифт быть обычным, жирным или тоньше.</td> </tr> </table> </body> </html>
-
большое спасибо. А как вам репутацию повысить?
-
щас попробую. li.img - писать не нужно, достаточно .img я по книге учусь Джон Дакетт
-
у меня не получается. Пишу background-position: left; и иконка встаёт на буквы Му (Музыка)
-
li.img{ list-style:none; font-size:25px; list-style-image:url("arrow_right.png"); background-repeat:no-repeat; background-position: left 10px; } li.img2{ list-style:none; font-size:25px; list-style-image:url("user.png"); background-repeat:no-repeat; background-position: left 10px; } li.img3{ list-style:none; font-size:25px; list-style-image:url("music.png"); background-repeat:no-repeat; background-position: left 10px; } <ul> <li class="img"><a href="#">Главная</a></li> <li class="img2"><a href="#">Программы</a></li> <li class="img3">Музыка</li> </ul>
-
как изображения немного спустить, чтобы покрасивей смотрелось?
-
а как для каждой строчки поставить своё изображение?
-
Почему у меня не встаёт изображение вместо маркера? почему-то оно вставляется после слова. <!doctype html> <html> <head> <meta charset="utf-8"> <title>Пример CSS</title> <style type="text/css"> li.img{ list-style:none; background-image:url("arrow_right.png"); background-repeat:no-repeat; background-position:6%; } </style> </head> <body> <ul> <li class="img">Главная</li> <li>Программы</li> <li>Фильмы</li> <li>Игры</li> </ul> </body> </html>
-
почему не работает background-attachment:scroll;?
DivMan replied to DivMan's question in HTML Coding
до меня дошло, я думал scroll это когда изображение при прокрутке всегда будет в центре -
почему не работает background-attachment:scroll;?
DivMan replied to DivMan's question in HTML Coding
у меня изображение 200х200 -
почему изображение остаётся на месте, а не в центре??? <!doctype html> <html> <head> <meta charset="utf-8"> <title>Пример CSS</title> <style type="text/css"> body{ background-color:#cccccc; color:#000000; background-image:url(512896618.gif); background-repeat:no-repeat; background-attachment:scroll; background-position:center; } b{ background-color:#ff0000; color:#ffffff; } p{ background-color:#ffffff; } </style> </head> <body> <p>На данном примере показано свойство, <b>background-color</b>.</p> <p>Вы должны видеть различные цвета фона, которые были установлены с помощью различных методов.</p> <p>Вы должны видеть различные цвета фона, которые были установлены с помощью различных методов.</p> <p>Вы должны видеть различные цвета фона, которые были установлены с помощью различных методов.</p> <p>Вы должны видеть различные цвета фона, которые были установлены с помощью различных методов.</p> <p>Вы должны видеть различные цвета фона, которые были установлены с помощью различных методов.</p> <p>Вы должны видеть различные цвета фона, которые были установлены с помощью различных методов.</p> <p>Вы должны видеть различные цвета фона, которые были установлены с помощью различных методов.</p> <p>Вы должны видеть различные цвета фона, которые были установлены с помощью различных методов.</p> <p>Вы должны видеть различные цвета фона, которые были установлены с помощью различных методов.</p> <p>Вы должны видеть различные цвета фона, которые были установлены с помощью различных методов.</p> <p>Вы должны видеть различные цвета фона, которые были установлены с помощью различных методов.</p> <p>Вы должны видеть различные цвета фона, которые были установлены с помощью различных методов.</p> <p>Вы должны видеть различные цвета фона, которые были установлены с помощью различных методов.</p> <p>Вы должны видеть различные цвета фона, которые были установлены с помощью различных методов.</p> <p>Вы должны видеть различные цвета фона, которые были установлены с помощью различных методов.</p> <p>Вы должны видеть различные цвета фона, которые были установлены с помощью различных методов.</p> <p>Вы должны видеть различные цвета фона, которые были установлены с помощью различных методов.</p> <p>Вы должны видеть различные цвета фона, которые были установлены с помощью различных методов.</p> <p>Вы должны видеть различные цвета фона, которые были установлены с помощью различных методов.</p> <p>Вы должны видеть различные цвета фона, которые были установлены с помощью различных методов.</p> <p>Вы должны видеть различные цвета фона, которые были установлены с помощью различных методов.</p> <p>Вы должны видеть различные цвета фона, которые были установлены с помощью различных методов.</p> <p>Вы должны видеть различные цвета фона, которые были установлены с помощью различных методов.</p> <p>Вы должны видеть различные цвета фона, которые были установлены с помощью различных методов.</p> <p>Вы должны видеть различные цвета фона, которые были установлены с помощью различных методов.</p> <p>Вы должны видеть различные цвета фона, которые были установлены с помощью различных методов.</p> </body> </html>
-
спасибо, пора мне спать наверно
-
Почему при наведении мышкой на ссылку, она не красится в красный цвет? <!doctype html> <html> <head> <meta charset="utf-8"> <title>Пример CSS</title> <style type="text/css"> body{ backgound-color:#ffffff; } a{ font-family:arial, verdana, sans-serif; font-size:12px; font-weight:bold; } a:link{ color:#0000ff; text-decoration:none; } a:visited{ color:#333399; text-decoration:none; } a:active{ color:#0033ff; text-decoration:underline; } a:hover{ backgound-color:#ff0000; text-decoration:underline; } </style> </head> <body> <h1>Стили ссылок</h1> <p>В примере содержится несколько ссылок, с которыми вам<br> рекомендуется поэксперементировать, чтобы увидеть их в действии:</p> <ul> <li><a href="http://www.wrox.com">Сайт Wrox</a> рассказывает о вышедших и готовящихся к печати издательства Wrox.</li> <li>На <a href="http://www.w3.org/">сайте Консорциума W3C</a> содержаться рекомендации, касающихся XHTML и CSS.</li> <li><a href="https://www.google.ru">Сайт Google</a> - это популярный поисковик, который поможет найти ответы на любые вопросы.</li> </ul> </body> </html>
-
В чем отличие <link rel="stylesheet" type="text/css" href="style.css" /> и <style type="text/css"> @import url("style.css"); </style> ?
-
Почему у меня не работают сочетания клавишь ALT + B и ALT + H??? и какие замечания вы мне сделаете по коду?? <meta charset="utf-8"> <h2>Регистрация пользователя</h2> <p>Пожалуйста заполните все поля, чтобы зарегистрироваться на сайте:</p> <form> <fieldset> <legend accesskey="u">О <u>В</u>ас(ALT + </legend> <table> <tr> <td><label for="Uname">Имя пользователя</label></td> <td><input type="text" id="Uname" name="txtUserName"/></td> </tr> <tr> <td><label for="Pwd">Пароль</label></td> <td><input type="password" id="Pwd" name="PwdPassword"/></td> </tr> <tr> <td><label for="confPwd">Подтверждение пароля:</label></td> <td><input type="password" name="pwdPasswordConf" size="20" id="confPwd"/></td> <tr> <tr><td> </td><td> </td></tr> <tr> <td><label for="firstName">Имя:</label></td> <td><input type="text" name="txtFirstName" size="20" id="firstName"/></td> </tr> <tr> <td><label for="lastName">Фамилия:</label></td> <td><input type="text" name="txtLastName" size="20" id="lastName"></td> </tr> <tr><td> </td><td> </td></tr> <tr> <td><label for="email">Email:</label></td> <td><input type="text" name="txtEmail" size="20" id="email"/></td> </tr> <tr><td> </td><td> </td></tr> <tr> <td>Пол:</td> <td><input type="radio" name="radSex" value="Мужской" id="male"/><label for="male">Мужской</label></td> </tr> <tr> <td></td> <td><input type="radio" name="radSex" value="Женский" id="female"/><label for="female">Женский</label></td> </tr> </table> </fieldset> <fieldset> <legend accesskey="u">О <u>н</u>ас(ALT + H)</legend> <table> <tr><td><label for="referrer">Как вы узнали о нас?</label></td> <td> <select name="selReferrer" id="referrer"> <option selected="selected" value="">Выбрать ответ</option> <option value="website">Другой сайт</option> <option value="printAD">Реклама в журнале</option> <option value="friend">От друга</option> <option value="other">Прочее</option> </select> </td> </tr> <tr><td> </td><td> </td></tr> <tr> <td> <label for="mailList"> Пожалуйста, щёлкните здесь, если хотите<br> подписаться на нашу рассылку<br> <small>Мы не будем сообщать ваши конфиденциальные данные никаким третьим лицам</small> </label> </td> <td><input type="checkbox" name="sdf" id="mailList"/></td> </tr> </table> </fieldset> <input type="submit" value="Зарегистрироваться"> </form> http://jsfiddle.net/6Rjwm/ учусь по книге http://www.ozon.ru/context/detail/id/5356969/
-
Это нормальный код? <table> <tr> <td><label for="Uname">Имя пользователя</label></td> <td><input type="text" id="Uname" name="txtUserName"/></td> </tr> <tr> <td><label for="Pwd">Пароль</label></td> <td><input type="password" id="Pwd" name="PwdPassword"/></td> </tr> </table>
-
во втором случае там тоже если нажать на мужчина, то всё будет работать
-
В чём отличия этих кодов? для чего придумали 2 способа?