не срабатывает.Вот код в новом виде. Подскажите, как внутренние границы сделать такими же тонкими с размером 1 пиксель как внешние?
http://www.sharemania.ru/0114608
Спустя 14 минут, 6 секунд (31.07.2010 - 20:26) REANIMATOR написал(а):
насчёт бордера так делай его только с низу или только сверху и получится 1 пикс.
а насчёт мержина, какая цель?
а насчёт мержина, какая цель?
Спустя 1 минута, 50 секунд (31.07.2010 - 20:28) Adil написал(а):
Можно так попробовать, добавив в стили:
Но точно не знаю, правильно так делать или нет.
ul#menu li {border-bottom:0px solid blue}
ul#menu li:last-child {border-bottom:1px solid blue;}
Но точно не знаю, правильно так делать или нет.
Спустя 1 час, 40 минут, 45 секунд (31.07.2010 - 22:09) Golovastik написал(а):
Эффекта никакого, кто-нибудь знает как убрать внутренние границы?
Спустя 42 минуты, 20 секунд (31.07.2010 - 22:51) Adil написал(а):
Как никакого если я проверил и дал тебе. И эффект был так как ты хотел.
Фот твой цсс файл:
Фот твой цсс файл:
*{margin:0; padding:0; }
.navigator{text-align:center;}
#menu{margin-left:27px; border:0px solid blue; width:140px; }
ul#menu li {border:1px solid blue;width:140px; list-style:none;}
ul#menu li {border-bottom:0px solid blue}
ul#menu li:last-child {border-bottom:1px solid blue;}
ul#menu li a{
text-decoration:none; font:bold 11pt Verdana;
display:block; /*Нужен чтоб можно было использовать padding*/
padding:5px 0px 5px 5px;
border-collapse:collapse;
}
ul#menu li a:hover{
background:#FF9966; color:#FFFF99;
}
Спустя 17 минут, 3 секунды (31.07.2010 - 23:08) Golovastik написал(а):
Спасибо,только как-то закручено вышло.
Объясните пожалуйста,для чего вы вначале делаете вот это:
border-bottom:0px solid blue;
Потом вот это
ul#menu li:last-child {border-bottom:1px solid blue;}/*Эту строку желательно яснее*/
На браузере ИЕ чего-то не работает.
Заранее благодарю.
Объясните пожалуйста,для чего вы вначале делаете вот это:
border-bottom:0px solid blue;
Потом вот это
ul#menu li:last-child {border-bottom:1px solid blue;}/*Эту строку желательно яснее*/
На браузере ИЕ чего-то не работает.
Заранее благодарю.
Спустя 13 минут, 45 секунд (31.07.2010 - 23:22) Adil написал(а):
border-bottom:0px solid blue;
нижнюю границу у элементов убираю, тк у них есть верняя граница. Тк если будет и верхняя и нижняя граница, то она будет толстой.
ul#menu li:last-child {border-bottom:1px solid blue;}
А вот здесь самому нижнему элементу добавляю нижнюю границу, тк ниже него нет больше элемента, чтобы у него верхняя граница была.
Да, в IE 6 фильтр :last-child не работает. Этот браузер уже устаревший. Но если хочешь чтобы и в IE работал, то можно сделать вот так вот:
В меню к первому элементу добавить класс first
<li><a href="#" class="first'>Главная</a></li>
А в цcc уже прописать:
ul#menu li {border-top:0px solid blue}
ul#menu li .first {border-top:1px solid blue;}
Это будет работать везде
Спустя 39 минут, 55 секунд (1.08.2010 - 00:02) Golovastik написал(а):
Попробовал вообще без списков сделать, получается та же история, посомтрите пожалуйста вот этот вариант, там вроде меньше кода, во всём рабоатет кроме Ие ,как в Ие такое сделать, как на всём запускается по этой ссылке http://www.sharemania.ru/0207330
Спустя 1 час, 23 минуты, 31 секунда (1.08.2010 - 01:25) Adil написал(а):
Ты просишь помощи, но читаешь, что я тебе написал.
Не убирай списки! К первому элементу просто добавь класс и пропищи в css , то что я написал выше.
Вот html:
Вот css:
Не убирай списки! К первому элементу просто добавь класс и пропищи в css , то что я написал выше.
Вот html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head><title>Главная</title>
<meta http-equiv="content-type" content="text/html; charset=windows-1251">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<table width="972" cellpadding="0" cellspacing="0" style="margin:20 auto;">
<tr>
<td><img src="img/header.jpg"> </td>
</tr>
<!------------------------------------>
<tr>
<td>
<table width="972" border="1" style="border-collapse:collapse;">
<tr>
<td width="200">
<br>
<div class="navigator"><img src="img/navigator.gif"></div>
<br>
<ul id="menu">
<li><a href="#" class="first">Главная</a></li>
<li><a href="#">Фото</a></li>
<li><a href="#">Видео</a></li>
<li><a href="#">Контакты</a></li>
</ul>
<br>
</td> <!--Kones menu-->
<!--1-ый столбец 2-ой строки-->
<td> </td>
</tr>
</table>
</td>
</tr>
<!------------------------------------>
<tr>
<td><img src="img/footer.jpg"> </td>
</tr>
</table>
</body>
</html>
Вот css:
*{margin:0; padding:0; }
.navigator{text-align:center;}
#menu{margin-left:27px; border:0px solid blue; width:140px; }
ul#menu li {border:1px solid blue;width:140px; list-style:none;}
ul#menu li {border-top:0px solid blue}
ul#menu li .first {border-top:1px solid blue;}
ul#menu li a{
text-decoration:none; font:bold 11pt Verdana;
display:block; /*Нужен чтоб можно было использовать padding*/
padding:5px 0px 5px 5px;
border-collapse:collapse;
}
ul#menu li a:hover{
background:#FF9966; color:#FFFF99;
}