| |
|
|
| |
.x{
font-size:15px;
color:#000000;
font-weight:bold;
background-color: #FFFFFF;
border-top: 3px solid #DDDDDD;
border-right: 3px solid #777777;
border-bottom: 3px solid #777777;
border-left: 3px solid #DDDDDD;
padding: 0px 3px 0px 3px;
}
|
вот этот стиль не хочет работать в ссылке. причем правый и левый бордюр показывает, а верхний и нижний нет. можно это решить? или придется в div засовывать? в div`e работает правильно.
<a class="x" href="http://<?php echo $_SERVER['SERVER_NAME'];?>/news.php">Новости</a> | |
| |
|
|
| |
|
|
| |
для: Рома
(28.09.2009 в 21:34)
| | | скорее всего эти стили чем-топеребиваются, укажи дополнительный какой-то классификатор
a.x {...}
/* или если есть id у блока в котором ссылка */
#block a.x {...}
|
| |
| |
|
|
| |
|
|
| |
для: Lelik
(28.09.2009 в 21:40)
| | | не не канает, я как только не пробовал. дурацкий майкрософт. ладно, что нибудь другое придумаю. | |
| |
|
|
| |
|
|
| |
для: Рома
(28.09.2009 в 22:03)
| | | ну задай, чтоб лейаут заработал, стиль:
и заработет ли всё правильно если ссылку сделать блочным элементом?
.x {
...
display: block;
}
|
| |
| |
|
|
| |
|
|
| |
для: Lelik
(28.09.2009 в 22:15)
| | | да, zoom сработал, только высота ссылки с бордюром не считается, а считается до его начала внутри. Теперь наверное придеться вкладывать в див с отступами на ширину бордюра. Но думаю разберусь. Спасибо, я уже думал хана моей идее))) | |
| |
|
|
| |
|
|
| |
для: Рома
(28.09.2009 в 22:36)
| | | ну зачем? почитай про лейаут, и многое по верске для ИЕ станет на места | |
| |
|
|
| |
|
|
| |
для: Lelik
(28.09.2009 в 22:44)
| | | ю | |
| |
|
|
| |
|
|
| |
для: Рома
(28.09.2009 в 23:15)
| | | ч? | |
| |
|
|
| |
|
|
| |
для: Lelik
(28.09.2009 в 23:21)
| | | вот такое не получается
ньюансы:
бордюры обязательно обтягивают ссылки, чтоб блоки не разъезжались на всю ширину
при наведении на ссылку меняется css (без js)
во всех браузерах расстояния между блоками 2 px, с 4 сторон
диз. резиновый
Реально?
Щас кстати пробую сначала, мож где прокосячил))) | |
| |
|
|
| |
|
|
| |
для: Рома
(28.09.2009 в 23:30)
| | | конечно :)
<style>
#menu {
margin: 0px;
padding: 0px;
}
#menu ul {
width: 80%;
list-style-type: none;
margin: 0px;
padding: 0px 1px;
overflow: hidden;
//zoom: 1;
border: 1px solid green;
}
#menu ul li {
margin: 0px;
padding: 2px 1px;
float: left;
width: 100%;
}
#menu ul li a {
display: block;
widtjh: 100%;
height: 100%;
border: 3px solid red;
}
#menu ul li a:hover {
border: 3px solid orange;
}
</style>
<div id="menu">
<ul>
<li><a href="#">link 1</a></li>
<li><a href="#">link 2</a></li>
<li><a href="#">link 3</a></li>
</ul>
</div>
|
| |
| |
|
|
| |
|
|
| |
для: Lelik
(28.09.2009 в 23:37)
| | | а с div`ами так можешь сделать? чтоб при наведении на ссылку помещенную в див, див изменял цвет бордура. а с размеикой и кроссбраузерностью я договорился))
так коряво работает.
/* обычная ссылка */
.a2
{
font-size:15px;
color:#000000;
font-weight:bold;
background-color: #FFFFFF;
border-top: 3px solid #DDDDDD;
border-right: 3px solid #777777;
border-bottom: 3px solid #777777;
border-left: 3px solid #DDDDDD;
padding: 0px 3px 0px 3px;
margin: 1px 1px 1px 1px;
}
/* активная ссылка */
.a2 a:hover
{
font-size:15px;
color:#000000;
font-weight:bold;
background-color: #FFEEEE;
border-top: 3px solid #777777;
border-right: 3px solid #DDDDDD;
border-bottom: 3px solid #DDDDDD;
border-left: 3px solid #777777;
padding: 0px 3px 0px 3px;
margin: 1px 1px 1px 1px;
}
<div class="a2" style="float:left"><a href="http://<?php echo $_SERVER['SERVER_NAME'];?>/news.php">Новости</a></div>
|
| |
| |
|
|
| |
|
|
| |
для: Рома
(29.09.2009 в 00:20)
| | | >а с div`ами так можешь сделать? чтоб при наведении на ссылку помещенную в див, див изменял цвет бордура.
без жабаскрипта никак | |
| |
|
|
