Joomla! 2.5 (versione con supporto terminato) > I Template di Joomla 1.6/1.7/2.5

Problema con CSS e sottomenu

(1/2) > >>

gbendinelli001:
Ciao a tutti,
ho un problema con il mio template.
Ho messo nel menu un collegamento a singolo articolo e di seguito una seconda voce dello stesso tipo ma dipendente dalla prima (sottomenų).
La visulazizzazione č la seguente:

VOCE DI MENU 1
VOCE DI MENU 2

ma a me piacerebbe vederla cosė:

VOCE DI MENU 1
   VOCE DI MENU 2

Indentandola per far capire che č un sottomenų.

Il problema che non riesco a modificare il CSS adeguatamente, mi potete aiutare.
Posto il pezzo del CSS che credo regoli questo comportamento:


--- Codice: ---/*Left Menu
*******************************/

#left ul.menu {
margin-left: 10px;
margin-top: -29px;
background-color: #F3F3F3;
border: 2px solid #eee;
}
#left h3 {
background-image: url(../images/bg_h3.png);
background-repeat: no-repeat;
background-position: left top;
height: 56px;
width: 219px;
margin-left: -22px;
text-align: center;
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
color: #FFF;
padding-top: 10px;
}
#left .menu, #right .menu {
padding: 1px;
margin-left: 0;
font: 11px verdana, sans-serif;
width: 14em;
color: gray;
}
#left .menu li, #right .menu li {
list-style: none;
margin: 0px;
text-align: left;
}
#left .menu li a, #right .menu a {
display: block;
text-decoration: none;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
padding-top: 0.5em;
padding-right: 0.5em;
padding-bottom: 0.5em;
padding-left: 0.9em;
}
#left .menu li a:link, #right .menu li a:link {
color: #000;
font-family: Verdana, Geneva, sans-serif;
}
#left .menu li a:visited, #right .menu li a:visited {
color: #000;
}
#left .menu li a:hover, #right .menu li a:hover {
color: #FFF;
background-color: #749DAF;
}
#left .module{
margin-top: 25px;
margin-bottom: 5px;
}
#left ul.menu li.active a, #right ul.menu li.active a {
color: #FFF;
background-color: #749DAF;
}

--- Termina codice ---

vinoalvino:
In questi casi ti conviene utilizzare Firefox + Firebug: un addon che ti consente di analizzare gli stili presenti in una pagina. Individuata la voce del sottomenu (Analizza elemento) premi "Copia percorso CSS" č hai la voce esatta da aggiungere al CSS dove, nel tuo caso, dovrai inserire qualcosa tipo padding-left: 10px;

gbendinelli001:
ok fatto, ma mi da:
html body div#overall div#container div#container_middle div#left div.module div div div ul.menu li#item-133.current ul li#item-134 a

??????????????

gbendinelli001:
ho provato a inserire nel CSS:


--- Codice: ---#left div.module div div div ul.menu li
{
padding-left: 0.9em;
}

--- Termina codice ---

Ma in minima parte si sposta anche il primo.
Cioč:

VOCE 1
VOCE 2


  Voce 1
     Voce2

56francesco:
ma č cosė difficile centrare la sezione giusta?
 >:(

Navigazione

[0] Indice dei post

[#] Pagina successiva