talover
-
Posts
5 -
Joined
-
Last visited
talover's Achievements
Explorer (1/14)
1
Reputation
-
Я нашел свою ошибку. Я пропустил </а> в строке <li><a href="#">главная</li>. Извините.
-
есть строка padding: 15px 30px; Отступ сверху и снизу padding:15px 0;
-
При использование padding:15px 0; появляется непонятный баг, а а именно две дополнительные ячейки. Помогите пожалуйста. вот мой код: html: <div id="conteiner"> <div id="nav"> <u> <li><a href="#">главная</li> <li><a href="#">Скачать</a></li> <li><a href="#">Документация</a></li> <li><a href="#">О Нас</a></li> <li><a href="#">Контакты</a></li> </u> </div> </div> css: div#nav li { list-style: none; } div#nav a { text-decoration:none; font-family: verdana; font-size: 14px; color: #F4F4F4; float: left; padding: 15px 30px; border-right: 1px solid rgba(244,244,244,0.4); background-color: #406aa2; background-image: -webkit-gradient(linear,jeft top,left bottom,from(#406aa2),to(#233A59)); background-image: -webkit-linear-gradient(top,#406aa2,#233A59); background-image: -moz-linear-gradient(top,#406aa2,#233A59); background-image: -ms-linear-gradient(top,#406aa2,#233A59); background-image: -o-linear-gradient(top,#406aa2,#233A59); background-image: linear-gradient(top,#406aa2,#233A59); } div#nav a:hover { background-color: #233A59; background-image: -webkit-gradient(linear,jeft top,left bottom,from(#233A59),to(#406aa2)); background-image: -webkit-linear-gradient(top,#233A59,#406aa2); background-image: -moz-linear-gradient(top,#233A59,#406aa2); background-image: -ms-linear-gradient(top,#233A59,#406aa2); background-image: -o-linear-gradient(top,#233A59,#406aa2); background-image: linear-gradient(top,#233A59,#406aa2); }
-
Спасибо огромное
-
Нужно сделать меню чтобы при нажатие на него появлялась сверху полоска , я использовал border-top, но почему то текст который есть внутри кнопки сползает вниз на толщину этой же полоски, не могу никак решить задачу . Помогите пожалуйста. Вот мой код: html: <body> <div id="menu"> <ul> <li><a href="#" class="current"><p>home</p></a></li> <li><a href="#"><p>about us</p></a></li> <li><a href="#"><p>services</p></a></li> <li><a href="#"><p>solutions</p></a></li> <li><a href="#"><p>contact us</p></a></li> </ul> </div> </body> css: body{ background:#fff; color:#666; font:12px/18px Tahoma, Arial, Helvetica, sans-serif; } #menu ul{ list-style-type:none; overflow:hidden; height:60px; margin-top:10px; position:relative; background:yellow; } #menu li{ float:left; width:20%; height:50px; } #menu li:hover{ background:#448; border-top: 10px solid #000; }
