Autor Zpráva
IHN
Profil *
Zdravím
Mám následující problém,udělal jsme si menu vše O.K,ale když vypíši text zobrazí se na hoře daného divu.
Potřeboval bych zarovna na střed hor i vert v každém divu a nejlépe všechny naráz.Tuší někdo jak na to,nebo kde mám chybu?

Přikládám zdroj kod.

Děkuji za každou odpověď.
<!--Zde začíná menu--------------------------->
<div id="menu">
<div id="menu_1">O firmě</div>
<div id="menu_2">Projekty</div>
<div id="menu_3">Vzdělávací akce</div>
<div id="menu_4">Další produkty</div>
<div id="menu_5">Profily</div>
<div id="menu_6">Kontakty</div>
</div>

<!--A zde končí--------------------------->


#menu{
position:absolute;
top: 195px;
right: 367px;
width: 614px;
height: 100px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #FEFFFF;
text-align: center;
}

#menu_1{
position:absolute;
top: 0px;
left: 10px;
width: 81px;
height: 81px;
background-image: url(images/menu_big.png);
font-family: Arial, Helvetica, sans-serif;
}

#menu_2{
position:relative;
top: 30px;
left: 99px;
width: 81px;
height: 81px;
background-image: url(images/menu_big.png);
}

#menu_3{
position:relative;
top: -10px;
left: 190px;
width: 81px;
height: 81px;
background-image: url(images/menu_big.png);
}

#menu_4{
position:relative;
top: -160px;
left: 280px;
width: 81px;
height: 81px;
background-image: url(images/menu_big.png);
}

<!--A zde končí--------------------------->


atd.....
Railbot
Profil
Děsná prasárna. Na menu používej tag <ul> nebo <menu> a <li>. Horizontálně text vycentruješ pomocí text-align:center a vertikálně třeba tak, že výšku <li> nebo odkazů, to je jedno, nastavíš pomocí horního a dolního paddingu, text se bude držet uprostřed.

Na tohle pozicování se vykašli. Pokud chceš položky vedle sebe, tak od toho máme třeba vlastnost float.
IHN
Profil *
Prave tohle menu je kazde nekde zcela jinde,tak proto takova prasarna.
Jinak ten tag <li>,jak by to s tím prosímtě vypadalo zapsané,abych mohl ten text nastavit vertikalne an stred?
Vubec si to ted nedokazu predstavit,kdyz mam na vyber ze tri tagu <ul> , <menu> a <li>

Díky za odověď
Railbot
Profil
Tak tedy stručně jen abych tě správně navedl.

<menu>
<li><a href="">nejaky odkaz</a></li>
<li><a href="">nejaky odkaz</a></li>
<li><a href="">nejaky odkaz</a></li>
</menu

menu li {float:left; text-align:center; background-image: url(images/menu_big.png);...}
menu li a {padding:5px 0} /odsazeni od horniho a spodniho okraje 5px

Dalši stylování už si udělej podle svého.

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: