PDA

Показать полную графическую версию : Проблема с CSS


QUMATOZ
13-12-2008, 14:45
Я хочу поставить это горизонтальное меню http://4dle.uz/2007/11/27/gorizontalnoe_menju_solid_block_menu.html

вот CSS этого меню:
.solidblockmenu{
margin: 0;
padding: 0;
float: left;
font: bold 13px Arial;
width: 100%;
border: 1px solid #625e00;
border-width: 1px 0;
background: black url(/blockdefault.gif) center center repeat-x;
}
.solidblockmenu li{
display: inline;
}
.solidblockmenu li a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid white;
}
.solidblockmenu li a:visited{
color: white;
}
.solidblockmenu li a:hover, .solidblockmenu li .current{
color: white;
background: transparent url(/blockactive.gif) center center repeat-x;
}

Я хочу его сделать по центру но когда меняю это:

.solidblockmenu{
margin: 0;
padding: 0;
float: center;
font: bold 13px Arial;
width: 100%;
border: 1px solid #625e00;
border-width: 1px 0;
background: black url(/blockdefault.gif) center center repeat-x;
}
.solidblockmenu li{
display: inline;
}
.solidblockmenu li a{
float: center;
color: white;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid white;
}
.solidblockmenu li a:visited{
color: white;
}
.solidblockmenu li a:hover, .solidblockmenu li .current{
color: white;
background: transparent url(/blockactive.gif) center center repeat-x;
}

тогда оно ставится по центру но пропадает бэкграундное изображение
http://pic.ipicture.ru/uploads/081214/8209/thumbs/mbL0KYc4bS.jpg (http://ipicture.ru/Gallery/Viewfull/10276250.html)

Porecla
15-12-2008, 20:31
Короче, засовывай его в таблицу. ПОМОГЛО ))) по другому никак с этой заразой не справиться )))) Только по краям некрасиво!

<table align="center">
<tr>
<td>
<ul class="solidblockmenu">
<li><a href="/" title="Домой">Домой</a></li>
<li><a href="/" title="PHP">PHP</a></li>
<li><a href="/" title="JavaScript">JavaScript</a></li>
<li><a href="/">JavaScript</a></li>
<li><a href="/" title="CSS" class="current">CSS</a></li>
<li><a href="/" title="Контакты">Контакты</a></li>
</ul>
<br style="clear: left" />
</td>
</tr>
</table>

QUMATOZ
15-12-2008, 21:07
Да, помогло но смотрится просто ужасно вот скрин:
http://pic.ipicture.ru/uploads/081215/thumbs/N6X7yRigiX.jpg (http://ipicture.ru/Gallery/Viewfull/10351237.html)
Можно ли как то заполнить пространство которое позади меню? отмечено стрелочками

Porecla
15-12-2008, 21:16
Короче чтоб было красиво я на скорую руку сделал так: картинка bl.jpg высотой 36. и видом как чёрная картинка.

<table width="100%" background="bl.jpg" cellpadding="0" cellspacing="0">
<tr>
<td >
<table align="center" cellpadding="0" cellspacing="0" ><tr> <td> <ul class="solidblockmenu">
<li><a href="/" title="Домой">Домой</a></li>
<li><a href="/" title="PHP">PHP</a></li>
<li><a href="/" title="JavaScript">JavaScript</a></li>
<li><a href="/">JavaScript</a></li>
<li><a href="/" title="CSS" class="current">CSS</a></li>
<li><a href="/" title="Контакты">Контакты</a></li>
</ul>
<br style="clear: left" /></td>
</tr>
</table>
</td>
</tr>
</table>

Результат
http://pic.ipicture.ru/uploads/081215/thumbs/anHkggXZHB.jpg (http://ipicture.ru/Gallery/Viewfull/10352128.html)

QUMATOZ
15-12-2008, 21:24
Короче чтоб было красиво я на скорую руку сделал так: картинка bl.jpg высотой 36. и видом как чёрная картинка.

Супер!!! то что надо! спасибо.




© OSzone.net 2001-2012