Autor | Zpráva | ||
---|---|---|---|
F5 Profil * |
#1 · Zasláno: 20. 3. 2008, 13:46:07
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 |
#2 · Zasláno: 20. 3. 2008, 13:54:18
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 |
#3 · Zasláno: 20. 3. 2008, 13:54:23
Menu udělej přes seznam UL.
ul li {float:left;} ti zajístí, že položky seznamu budou vedle sebe. |
||
F5 Profil * |
#4 · Zasláno: 21. 3. 2008, 00:29:14
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 |
#5 · Zasláno: 21. 3. 2008, 00:42:16
line-height stejné, jako height.
http://css.interval.cz/clanky/horizontalni-obrazkove-menu/ |
||
Manq Profil |
#6 · Zasláno: 21. 3. 2008, 10:55:41
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. |
||
Časová prodleva: 16 let
|
0