| |
 38.3 Кб |
|
| | Подскажите пожалуйсто как сместить текст к левому краю в тэге ul.
Вот скрин меню >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
Вот хтмл:
<div id="divcat" align="left">
<ul class="menu2">
<li><a href="indexfg.html">Viessmann</a></li>
<li><a href="catalog.html">Grundfos</a></li>
<li><a href="contact.html">Vaillant</a></li>
<li><a href="Service.html">Buderus</a></li>
<li><a href="catalog.html">Ferroli</a></li>
<li><a href="catalog.html">Elteco</a></li>
<li><a href="catalog.html">Girsh</a></li>
<li><a href="catalog.html">Herz</a></li>
<li><a href="catalog.html">Nibe</a></li>
</ul>
</div>
|
и вот код CSS:
#divcat {
border:1px solid black;
float:left;
padding-left:10px;
padding-top:10px;
}
#divcat ul{
list-style-type:none;
margin:0;
font:bold 12px Verdana;
text-decoration:none;
width:75px;
height:200px;
}
#divcat li a{
color:#646464;
padding:8px;
}
#divcat li a:hover{
background:url(images/navover.gif) repeat-x;
color:#F60;
}
|
Заранее всем спасибо)) | |
| |
|
|
| |
|
|
| |
для: Andreano
(26.03.2010 в 23:59)
| | |
#divcat ul{
list-style-type:none;
margin:0;
font:bold 12px Verdana;
text-decoration:none;
width:75px;
height:200px;
padding: 0px;
}
|
| |
| |
|
|
| |
|
|
| |
для: Lelik
(27.03.2010 в 00:26)
| | | Большое спасибо. | |
| |
|
|
| |
25.1 Кб |
|
| |
для: Lelik
(27.03.2010 в 00:26)
| | | Кстати люди добрые кто нибудь знает как заполнить область полностью, при наведении курсора на ссылку? Смотрите поясняющий рисунок>>>>>>>
Вот код хтмл:
<div id="divcat" align="left">
<ul class="menu2">
<div class="aaa">
<li><a href="indexfg.html">Viessmann</a></li>
</div>
<li><a href="catalog.html">Grundfos</a></li>
<li><a href="contact.html">Vaillant</a></li>
<li><a href="Service.html">Buderus</a></li>
<li><a href="catalog.html">Ferroli</a></li>
<li><a href="catalog.html">Elteco</a></li>
<li><a href="catalog.html">Girsh</a></li>
<li><a href="catalog.html">Herz</a></li>
<div class="aaa">
<li><a href="catalog.html">Nibe </a></li>
</div>
</ul>
</div>
|
и вот год сисс:
#divcat {
border:1px solid black;
float:left;
padding-left:10px;
padding-top:10px;
}
#divcat ul{
list-style-type:none;
margin:0;
font:bold 12px Verdana;
text-decoration:none;
width:90px;
height:200px;
padding:0px;
}
.aaa
{border: 1px solid black;
padding-top:10px;
padding-bottom:10px;}
#divcat li a{
color:#646464;
padding:8px;
}
#divcat li a:hover{
background:url(images/navover.gif) repeat-x;
color:#F60;
}
|
| |
| |
|
|
| |
|
|
| |
для: Andreano
(27.03.2010 в 23:59)
| | |
#divcat li a{
color:#646464;
padding:8px;
display: block;
width: 100%;
}
|
| |
| |
|
|
| |
52.6 Кб |
|
| |
для: Lelik
(28.03.2010 в 00:49)
| | | Огромное спасибо тебе добрый человек)))
Но там возникает другая проблема, этот блог становится большим по высоте, + при наведении курсора на ссылку бэкграунд ссылки выступает за корневой блок, как быть)
вот рисуноk>>>>>>>>>>>>>> | |
| |
|
|
| |
|
|
| |
для: Andreano
(28.03.2010 в 03:14)
| | |
#divcat li a{
color:#646464;
padding:8px;
display: block;
}
|
| |
| |
|
|
