| |
 712 байт |
|
| | Есть менюшка (в прикрепленном файле)...
Подскажите как ее сделать кроссбраузерной. Например чтобы слева и справа по 200px отступала... | |
| |
|
|
| |
|
|
| |
для: vlad-on
(21.10.2008 в 20:12)
| | | Как Вы представляете, чтобы этот Ваш блок был одновременно и слева с отступом 200px и справа 200px? Вы хотите растянуть его? | |
| |
|
|
| |
|
|
| |
для: Nytrogen
(21.10.2008 в 20:29)
| | | Да. Аналог если блоку задать
margin: 0px 225px;
Но менюшка как блок себя вести совсем не собираеться. | |
| |
|
|
| |
|
|
| |
для: vlad-on
(21.10.2008 в 20:39)
| | | Что Вам мешает дописать 225px в объявление margin? | |
| |
|
|
| |
|
|
| |
для: Nytrogen
(21.10.2008 в 20:59)
| | | Дело в том, что в этом случае отступ слева состовляет 225px, а вот справа - как получится.
Вернее не как получится, а слева 225+длинна менюшки, но никакого растяжения до правого края...
Тут видимо сказывается то, что меню представляет из себя не блок, а маркированный список...
Как вариант можно конечно сделать все это на DIV, но боюсь опыта у меня не хватит... | |
| |
|
|
| |
|
|
| |
для: vlad-on
(21.10.2008 в 22:05)
| | | Имхо, проще вставить между двумя 225-пиксельными DIV'ами третий DIV с таблицей, которая сама растянется по ширине контейнера. | |
| |
|
|
| |
|
|
| |
для: Nytrogen
(21.10.2008 в 23:02)
| | | Тогда можно вставить один DIV с отступами от краев 225 px, но не то не другое не вариант... Не будет работать. | |
| |
|
|
| |
|
|
| |
для: vlad-on
(22.10.2008 в 18:12)
| | | а в чем проблема собственно?
делаем отступы слева и справа, выравниваем содержимое дива по середине.
получается все, а ширина блока будет зависить от родительского элемента. | |
| |
|
|
| |
|
|
| |
для: neokortex
(22.10.2008 в 18:22)
| | | Проблема в том, что это сволочьное меню и по центру еще вставать не соглашается никак...
Ни
<DIV align=center>Сама менюшка</div>
|
ни
<DIV style="text-align:center">Сама менюшка</div>
|
не могут заставить ее встать в центер.
Видимо дело в том, что используется "float:left;" для списков "li". Инече они друг под другом встанут... | |
| |
|
|
| |
|
|
| |
для: vlad-on
(22.10.2008 в 20:50)
| | | Проблему решил, но не полностью. Теперь можно менюшку и влево, и вправо, и по центру. Код вот.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<style type="text/css">
div {
margin: 0 100px;
text-align: center;
padding: 10px 15px;
font: 13px Arial;
border: 1px solid #ddd;
border-width: 1px 1px 1px 1px;
background: black url(blockdefault.gif) center center repeat-x;
}
a.hmenu {color: #ffffff; padding: 10px 15px; text-decoration: none; border: 1px solid #ffffff}
a.hmenu:visited {color: #ffffff}
a.hmenu:hover {color: #ffffff; background: transparent url(blockactive.gif) center repeat-x}
</style>
<div>
<a class="hmenu" href="" title="">1</a>
<a class="hmenu" href="" title="">2</a>
<a class="hmenu" href="" title="">3</a>
<a class="hmenu" href="" title="">4</a>
<a class="hmenu" href="" title="">5</a>
<br style="clear: left" />
</div>
|
Теперь другая проблема. Между ссылками появился промежуток в 4px. Как его устранить? Вроде все возможное попробовал, не помогает... | |
| |
|
|
| |
|
|
| |
для: vlad-on
(24.10.2008 в 20:14)
| | | Товарисчи. Пока писал додумался. Вот оно!!!
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<style type="text/css">
div {
margin: 0 100px;
text-align: center;
padding: 10px 15px;
font: 13px Arial;
border: 1px solid #ddd;
border-width: 1px 1px 1px 1px;
background: black url(blockdefault.gif) center center repeat-x;
}
a.hmenu {margin: -2px; color: #ffffff; padding: 10px 15px; text-decoration: none; border-right: 1px solid #ffffff}
a.hmenu:visited {margin: -2px; color: #ffffff}
a.hmenu:hover {margin: -2px; color: #ffffff; background: transparent url(blockactive.gif) center repeat-x}
#lel{margin: -2px; color: #ffffff; padding: 10px 15px; text-decoration: none; border: 0px solid #ffffff}
</style>
<div>
<a class="hmenu" href="" title="">1</a>
<a class="hmenu" href="" title="">2</a>
<a class="hmenu" href="" title="">3</a>
<a class="hmenu" href="" title="">4</a>
<a id="lel" class="hmenu" href="" title="">5</a>
<br style="clear: left" />
</div>
|
| |
| |
|
|
