Joomla.it Forum

Non solo Joomla... => Sviluppo => : thor92 06 Sep 2008, 19:32:58

: problema creazione menu
: thor92 06 Sep 2008, 19:32:58
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:
:
#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 ;D ;D ;D

[allegato eliminato da un amministratore - Il file era vecchio]
: Re: problema creazione menu
: sali40 07 Sep 2008, 00:56:37
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
: Re: problema creazione menu
: thor92 07 Sep 2008, 12:12:18
dici cosė....???
:
#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]
: Re: problema creazione menu
: thor92 07 Sep 2008, 15:40:52
ok, con un codice cosė:
:
#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!!!! ;D ;D ;D





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]