Autor Zpráva
F5
Profil *
Ahoj, chci udelat radkove menu, ale chtel bych jej zarovnat na vertikalni stred divu "menu".
Yohůův přiklad jsem zkoušel použít, ale menu mi uplne zmizelo, nejspis diky owerflow.
Pripisuju svůj pochybny zapis.


.menu
{
border: 0px solid black;
width: 624px;
height: 30px;
background-image: url('menu_back.png');
background-repeat: repeat-x;
position: absolute;
top: 156px;
left: 8px;
font-family: arial;
font-size: 8pt;
text-align: right;
padding-top: 10px;
overflow: hidden;
}

.menu a
{
display: inline;
padding-right: 20px;
border: 0px solid black;
text-decoration: none;
color: black;
}

<div class="menu">
<a href="#">odkaz</a>
<a href="#">odkaz</a>
<a href="#">odkaz</a>
</div>
vertigo4
Profil
F5
.menu a
{
display: inline;

- to je snad zbytečné, vždyť odkaz je řádkový element

jinak to dej do <menu> či <ul>.... jinak zarovnat na střed jde prvek snadno... http://www.vertigo4.cz/blog/jak-vycentrovat-stranku-na-stred -je to na zarovnání stránky, ale myslím, že to lze aplikovat na i jiné situace
Manq
Profil
Menu udělej přes seznam UL.
ul li {float:left;} ti zajístí, že položky seznamu budou vedle sebe.
F5
Profil *
vertigo4
j, nez jsem to sem postnul, tak jsem to predelaval. Mel jsem tam vice divu, kvuli ruznym experimentum. Takze displax: inline je takovy pozustatek, ale oddelal jsem jej, pro lepsi pocit.
Peknej web, ale neni tam co potrebuju. Chci vertikalni stred, ne horizontalni.

Manq: dik, ale nevedel bys jak to zarovnani ;)
Bubák
Profil
line-height stejné, jako height.
http://css.interval.cz/clanky/horizontalni-obrazkove-menu/
Manq
Profil
Manq: dik, ale nevedel bys jak to zarovnani ;)
Použij řešení z http://www.vertigo4.cz/blog/jak-vycentrovat-stranku-na-stred. Princip je stejný, když znáš šířku seznamu, není problém.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0