Autor | Zpráva | ||
---|---|---|---|
IHN Profil * |
#1 · Zasláno: 22. 2. 2008, 22:00:32
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 |
#2 · Zasláno: 22. 2. 2008, 22:05:40
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 * |
#3 · Zasláno: 22. 2. 2008, 22:24:25
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 |
#4 · Zasláno: 23. 2. 2008, 00:11:23
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. |
||
Časová prodleva: 16 let
|
0