problema con topmenu

[bsaett]

Sto modificando un template, aggiungendogli alcune posizioni non contemplate inizialmente. Ho però un problema col topmenu, non riesco a posizionarlo in orizzontale.
Adesso si vede così: http://img95.imageshack.us/img95/9831/46623894yf2.jpg
Dovrebbe essere così: http://img171.imageshack.us/img171/6669/60133095tj4.jpg

Il codice è questo:

Codice: [Seleziona]

<tr>
<td><table width="100%" border="0" cellpadding="0" cellspacing="0" id="topmenu" class="nav">
<tr><td width="80%" id="navtab"><?php mosLoadModules ( 'user3' ); ?></td>
<td width="20%" id="search"><?php mosLoadModules ( 'user4' ); ?></td></tr>
</table>
</td>
</tr>(lo so, sono tabelle, appena riesco a farlo funzionare converto in div se mi riesce !)

Se pongo 'user 3' -2 oppure -3 semplicemente il menu scompare.

Questo è il CSS:

Codice: [Seleziona]

/* top menu */
#topmenu {
background-color: #FFFFFF;
padding-bottom: 5px;
height: 37px;
}
#navtab {
float: right;
padding-right: 24px;
height: 37px;
overflow: hidden;
}
ul#mainlevel-nav {
text-decoration: none;
list-style: none;
padding: 0;
margin: 0;
float: right;
}
ul#mainlevel-nav li {
width: 115px;
float: left;
font-size: 14px;
height: 37px;
line-height: 37px;
background-image: none;
margin: 0;
padding: 0;
display: inline;
}
ul#mainlevel-nav li a:link, ul#mainlevel-nav li a:visited {
font-weight: bold;
text-align: center;
height: 37px;
display: block;
text-decoration: none;
color: #ffffff;
background: url(../images/gel.png) repeat-y;
margin: 0;
padding: 0;
overflow: hidden;
}
ul#mainlevel-nav li a:hover {
background: url(../images/gel2.png) repeat-y;
color: #fdfee2;
margin: 0;
padding: 0;
overflow: hidden;
}Che sbaglio ?


sito: http :// score . altervista.org

[= odino =]

puoi semplificarti la vita cambiando lo stile del menu dal gestore moduli 

[bsaett]

Grazie per la celere risposta.
Purtroppo se lo metto Horizontal, perde tutta la formattazione. Cioè ho le tre voci in formato testuale e basta. Le immagini non si vedono più.
E' evidente che non ho capito qualcosa dei menu (o dei CSS) ! 

[= odino =]

Ovvio, perchè se noti metterlo Horizontal comporta dover "Legacyzzare" il menu, che prende il suffisso classe CSS dei menu sulla 1.0.

Quindi per controllare i menu devi richiamare nel CSS:

Codice: [Seleziona]

.mainlevel => menu normale
a.mainlevel => menu linkato

[bsaett]

Non sono certo di aver capito, scusa ma sui template sono agli inizi. Gli a.mainlevel:link, a.mainlevel:visited e a.mainlevel:hover ci sono nel CSS e controllano il MainMenu.
cosa dovrei aggiungere per il topmenu (tenendo presente che il suffisso è -nav) ?   

a.mainlevel-nav: link  ?

[= odino =]

Link?

Un menu standard, se lo indichi come horizontal ( con legacy ), acquisisce il suffisso .mainlevel, se tu gli indichi un altro suffisso css devi solo aggiungerlo 

[bsaett]

Ok, grazie, credo di aver capito.
Allora a.mainlevel-nav per il top menu.
Da qui credo sia solo un problema di CSS.

Solo un ultima cosa, ma le barrette verticali come le tolgo ? 

il menu esce così:

 | immagine | immagine | immagine |