problema creazione menu

[thor92]

ciao a tutti, vi illustro subito il mio problema:
sto creando il mio primo template x joomla e mi sono trovato di fronte questo problema, creando la barra laterale che dovrebbe contenere il menu, noto la presenza di fastidiosi puntini neri che si vedono nella foto a sinistra del menu, questi rimangono quando vado a arriungere uno stile al menu; come faccio a toglierli.....vi posto una copia della parte di codice incriminata:

Codice: [Seleziona]

#colonna {
width: 154px;
float: left;
background-image:url(../images/menu.gif);
padding: 5px;
}vi mando anceh una foto del mio problema....graziue a tutti in anticipo e CIAO

[allegato eliminato da un amministratore - Il file era vecchio]

[sali40]

I menu vengono intesi come lista, quindi dovresti modificare lo stile "lista" per i menu creando una classe apposita (menu.ul menu.li). Attualmente, il sistema sta utilizzando lo stile predefinito per la lista: i puntini

[thor92]

dici così....

Codice: [Seleziona]

#colonna li a {
height: 32px;
  height: 24px;
text-decoration: none;
}
#colonna li a:link, #colonna li a:visited {
color: #FFF;
display: block;
background:  url(../images/menu9.gif);
padding: 8px 0 0 35px;
width: 150px;
}

#colonna li a:hover {
color: #FFF;
background:  url(../images/menu9.gif) 0 -32px;
padding: 8px 0 0 35px;
width: 150px;
}se faccio così, mi rimangono i puntini e la parte login mi si allarga portando in basso il testo....come nella foto....grazie x la risposta!!!!

[allegato eliminato da un amministratore - Il file era vecchio]

[thor92]

ok, con un codice così:

Codice: [Seleziona]

#colonna, li a {
height: 32px;
  height: 24px;
text-decoration: none;
list-style:none;
}

#colonna, li a:link, #colonna, li a:visited {
color: #FFF;
display: block;
background:  url(../images/menu9.gif);
padding: 8px 0 0 35px;
width: 150px;
list-style:none;
}

#colonna,li a:hover {
color: #FFF;
background:  url(../images/menu9.gif) 0 -32px;
padding: 8px 0 0 35px;
width: 150px;
list-style:none;
}ovvero aggiungendo la , tipo (#colonna, li ...), ho ottenuto questo risultato (in foto), ora il problema è togliere la scritta in alto "menu principale" e metterla sopra il menu oppure spostare il menu più a sinistra in modo da avere "menu principale" sopra, come fare? devo mettere un "margin: ...;"
dove??? grazie anticipatamente a tutti per le risposte!!!!





scusate, devo aggiornare, nn ho modificato nulla, ho solo fatto divenatre bianche (nn so come) i pallini, l'ho notato cambvianto il colore di sfondo...mando una nuova foto con l'aggiornamento...

[allegato eliminato da un amministratore - Il file era vecchio]