Centratura elementi di lista in menu orizzontale

[samiel]

Ho creato questo menu orizzontale:
[code]div#navbarwrapper {clear:both; width:98%; height:50px; margin:0 auto; text-align:center; background-color:#1E247C;}
div#navbar ul{list-style:none; padding:15px; text-align:center;}
div#navbar li{display:inline; margin:3px;}
div#navbar a{padding:4px; background:white; color:#1E247C; text-decoration:none;}
div#navbar a:hover{background:white; color:black; text-decoration:underline;}
div#navbar a#activelink_nb{background:white; color:black; font-weight:bold;}[code]
Ora, la centratura verticale degli elementi a è ottenuta col padding, ma "a occhio".
Ma... per effetturla in maniera più propria che cosa dovrei usare?

Grazie
M.

[Braco]

Originariamente inviato da samiel
Ho creato questo menu orizzontale:
[code]div#navbarwrapper {clear:both; width:98%; height:50px; margin:0 auto; text-align:center; background-color:#1E247C;}
div#navbar ul{list-style:none; padding:15px; text-align:center;}
div#navbar li{display:inline; margin:3px;}
div#navbar a{padding:4px; background:white; color:#1E247C; text-decoration:none;}
div#navbar a:hover{background:white; color:black; text-decoration:underline;}
div#navbar a#activelink_nb{background:white; color:black; font-weight:bold;}[code]
Ora, la centratura verticale degli elementi a è ottenuta col padding, ma "a occhio".
Ma... per effetturla in maniera più propria che cosa dovrei usare?

Grazie
M.

http://www.morpheusweb.it/html/manua...zionamento.asp

[samiel]

Grazie per la segnalazione, ma... Ho messo:
div#navbar ul{vertical-align:middle; list-style:none; padding:15px; text-align:center;}.
Ma le voci di menu della barra di navigazione restano ancora leggermente troppo in alto.
Inoltre, anche se non c'entra direttamente con il tema di questo post, con IE 6 la barra
di navigazione è del tutto scentrata anche orizzontalmente, perché non si vede in centro
(come con Firefor e Opera Browser), ma appoggia sul lato destro del contenitore...

M.

[Braco]

Originariamente inviato da samiel
Grazie per la segnalazione, ma... Ho messo:
div#navbar ul{vertical-align:middle; list-style:none; padding:15px; text-align:center;}.
Ma le voci di menu della barra di navigazione restano ancora leggermente troppo in alto.
Inoltre, anche se non c'entra direttamente con il tema di questo post, con IE 6 la barra
di navigazione è del tutto scentrata anche orizzontalmente, perché non si vede in centro
(come con Firefor e Opera Browser), ma appoggia sul lato destro del contenitore...

M.

Vedi qui ci sono molti css pronti http://www.css-zibaldone.com/altro.html

[samiel]

Sì, ma in primo luogo la base del lavoro che sto facendo è proprio
un modello trovato qui, in HTML.IT. In secondo luogo copiare modelli
e basta non credo sia il modo migliore per imparare a costruire siti.
E vorrei capire come mai con IE l'allineamento non funziona...

M.

[Braco]

Originariamente inviato da samiel
Sì, ma in primo luogo la base del lavoro che sto facendo è proprio
un modello trovato qui, in HTML.IT. In secondo luogo copiare modelli
e basta non credo sia il modo migliore per imparare a costruire siti.
E vorrei capire come mai con IE l'allineamento non funziona...

M.

metti questo

margin:0px auto;   /*Centra negli altri browsers*/

[samiel]

Se guardi meglio il codice che ho originariamente postato,
vedrai che avevo già incluso quell'istruzione per il navbarwrapper.
Ciò nondimeno, con IE 6 continua a vedersi buttato a sinistra.
Per cui ci dev'essere qualcos'altro che disturba...

M.

[samiel]

Per la centratura orizzontale, ho risolto mettendo "text-align:center" nel body
e "text-align:right" nel container. Invece, la lista del menu continua a essere
scentrata in IE. Non so se è corretta (in astratto) la mia soluzione
div#navbar ul{vertical-align:middle; list-style:none; padding:15px;}
O forse qualche altro elemento come il padding disturba?

M.

[Braco]

Originariamente inviato da samiel
Per la centratura orizzontale, ho risolto mettendo "text-align:center" nel body
e "text-align:right" nel container. Invece, la lista del menu continua a essere
scentrata in IE. Non so se è corretta (in astratto) la mia soluzione
div#navbar ul{vertical-align:middle; list-style:none; padding:15px;}
O forse qualche altro elemento come il padding disturba?

M.

Prova con margin, ma non saranno mai perfetti, credo.