Vertikalno poravnjanje texta u meniju

Vertikalno poravnjanje texta u meniju 06.09.2008. u 22:12 · pre 220 meseci #1

Problem je sledeci na sledem linku: http://vasdomen.com/kosarka/HTML_CSS/ U Mozili je sve ok. Ali u IE vertical-align neradi da si pita! Da li zna neko hack za to ili nesto slicno sto bi odradilo problem ali da nediram sintaksu html koda koji je sledeci:

Code:

<ul>
     <li><a href="#">O NAMA</a></li>
     <li><a href="#">DVORANA I SPORTSKI TERENI</a></li>
     <li><a href="#">KLUB I &Scaron;KOLA KO&Scaron;ARKE</a></li>
     <li><a href="#">KAMPOVI</a></li>
     <li><a href="#">PG BASKET AGENCIJA</a></li>
     <li><a href="#">FOTOGALERIJE</a></li>
     <li><a href="#">PI&Scaron;ITE</a></li>
     <li><a href="#">LINKOVI</a></li>
</ul>

Nebih volio da imam gomilu css klasa i hackova koji ce ispraviti ovaj problem u IE ukoliko to bar nemora.... Volim clean code.

Ali bitno je da je meni "relativan" (ako ima vise od jedne ili 2 rijeci da se sam nacentrira na sredinu i da se transformise u 2 reda, ako je toliko potrebno). Kao sto je u Firefoxu 3 i Google Chrome. Nisam testirao za Operu.

Hvala unaprijed.

Re: Vertikalno poravnjanje texta u meniju 08.09.2008. u 11:42 · pre 220 meseci #2

pa vertical-alignment ne radi to sto mislis (tj trebao bi, ali browseri to ne podrzavaju), ja za te stvari (kada imam samo jednu liniju texta u elementu koju hocu da centriram) koristim line-height, dakle ovako nesto:

Code:

li
{
height: 20px; /* ili koliko vec */
}

li a
{
line-height: 20px; /* isto kao height kod li-a */
}

Potpis

rafforum.rs - Forum Računarskog Fakulteta

Re: Vertikalno poravnjanje texta u meniju 08.09.2008. u 14:17 · pre 220 meseci #3

Da, da..

Ali da stavis to u tabelu i postavis u td valign: top, ne bi imao problema ni u jednom pretrazivacu..

Ali na zalost, to nije po standardu :)

Re: Vertikalno poravnjanje texta u meniju 08.09.2008. u 16:16 · pre 220 meseci #4

naravno, to nije po standardu, i ne samo to vec e da stvori vise problema nego sto ce da resi, ali necemo sad ponovo o tome...

Potpis

rafforum.rs - Forum Računarskog Fakulteta

Re: Vertikalno poravnjanje texta u meniju 08.09.2008. u 22:28 · pre 220 meseci #5

Taj line height sam probao ali neradi posao. Posto ako ima 2 reda onda sve ode u .... :) A tabelama neradimo... Tako da sam ponovo na istom problemu... Ima li ko drugo resenje? Jos uvjek nisam resio ovo cudo... Dosta se bavim HTML om i CSS om mada prvi put radim ovu vrstu problema :) Za jedno-redne menije koristim taj line height i kad hocu da poravnjam sliku u ravni sa textom ali ovde... Nema upotrebu... Ako ko ima resenje nek pomaga :). Svakako hvala za odvojeno vrijeme!

Re: Vertikalno poravnjanje texta u meniju 09.09.2008. u 01:34 · pre 220 meseci #6

Odlucio sam da radim ovaj problem programerski :).
Ukoliko me neko "uskoci" sa nekim HTML i CSS resenjem tim bolje ukoliko ne sta cemo sad :).

Re: Vertikalno poravnjanje texta u meniju 09.09.2008. u 16:31 · pre 220 meseci #7

pa ja sam pretpostavio da ce biti jedna linija texta, jer je u pitanju meni (gde je logicno da bude samo jedna linija texta), ali ukoliko ti treba html/css resenje za bilo koji broj linija onda pogledaj ovo: http://www.jakpsatweb.cz/css/css-vertical-center-solution.html

Potpis

rafforum.rs - Forum Računarskog Fakulteta

Re: Vertikalno poravnjanje texta u meniju 09.09.2008. u 17:17 · pre 220 meseci #8

Mozes ovo rjesiti pomocu padding, stavi ovako:

Code:

padding-top:5px;
padding-bottom:5px;

Re: Vertikalno poravnjanje texta u meniju 10.09.2008. u 12:35 · pre 220 meseci #9

@vatri: to nije pozeljno (mada sam i ja tako nekada radio) ali u nekim situacijama moze da posluzi, samo treba da se vodi racuna da padding-top i padding-bottom ulaze u visinu elementa, tako da height treba (u ovom slucaju) smanjiti za 10px

Potpis

rafforum.rs - Forum Računarskog Fakulteta

Re: Vertikalno poravnjanje texta u meniju 10.09.2008. u 16:43 · pre 220 meseci #10

Sve ove linkove sa vertikalnom pozicijom sam obisao i pokusao primeniti ali sve je na principu za boxove, a ne za menije tako da je skoro nemoguce nacentrirati. Ali ovo programerski je najbolje resenje (bar se za sad sa mog gledista ispostavilo) napravio sam klasu citanje BW i funkciju sa brojanje rijeci i onda u zavisnosti od toga stavljam paddinge (top 5 ili top 10). I extra :) A optimizovano je za bukvalno svaki EXPLORER uzuzev IE 5.5, IE 4 i ispod tih :). Pogledajte link za par dana trebalo bi da je sve gotovo. Zanimaju me Vase profesionalne sugestije. Ali samo sugestije.

Forum kao aplikacija na telefonu

Srodne teme