Joomla.it Forum
Joomla! 2.5 (versione con supporto terminato) => Joomla! 1.6/1.7/2.5 => I Template di Joomla 1.6/1.7/2.5 => : carlaravelli 11 May 2013, 16:45:53
-
tutti hanno il problema opposto, farli sparire, invece io li vorrei.
Ora non dovrebbero esserci di default? eppure non li ho nemmeno se specifico list-style-type: disk;
si tratta di un suffisso css che mi serve nella colonna di sinistra di un template che sto facendo io, la colonna è determinata da
#navigation{
width: 252px;
height: 550px;
background-color: #182880;
float: left;
margin: 0;
}
all' interno devo mettere 3 menu dalle caratteristiche diverse, in uno voglio i pallini, uso questo codice:
.moduletable_boxscuro{
width: 186px;
padding-top: 20px;
padding-bottom: 18px;
margin-left: 22px;
border-bottom: 1px solid #666;
}
.moduletable_boxscuro h3{
/* questo dovrebbe essere il titolo dei box menu */
font-family: Gill Sans, Arial, Verdana, Geneva, Helvetica, sans-serif;
color: #009BAF;
font-size: 16px;
font-weight: bold;
line-height: 8px;
}
.moduletable_boxscuro ul{
font-family: Open Sans, Verdana, sans-serif;
font-size: 16px;
width:186px;
margin:0;
padding:0;
/* QUI CI ANDREBBE LIST-STYLE? ??? */
list-style: disk;
}
.moduletable_boxscuro ul li{
display: block;
width: 186px;
height: 22px;
/* QUI CI ANDREBBE LIST-STYLE-TYPE? ??? */
list-style-type: disk;
}
.moduletable_boxscuro a{
color: #EBEDF7;
font-size: 16px;
display: block;
font-weight: normal;
line-height: 22px;
padding-left: 22px;
text-decoration: none;
width: 186px;
height: 22px;
}
.moduletable_boxscuro a:hover{
color: #009BAF
}
niente, dei pallini nemmeno l'ombra
-
disc
-
il template lo sto facendo io ex novo, non credo ci siano stili che diano fastidio a quell' <ul> c'è un altro <ul> con list-style:none, del menu orizzontale, ma fa riferimento appunto ad un altra cosa.
il disk non so se sia crossbrowser, lo spero, ma di certo esiste, come circle per il pallino vuoto e square per il quadratino...
Firebug no l'ho mai usato, lo scarico e vedo...
-
scusa... ho aggiornato il post mentre lo leggevi....
-
A meno che io non stia sbagliando ad usare firebug (cosa probabile non avendolo mai nemmeno visto usare), quando analizzo una delle voci di menu mi dice che le voci ereditate da body (ad esempio sul font) sono cancellate, e tra le proprietà della lista <ul> mi da correttamente list-style: disc...
eppure dei pallini nemmeno l'ombra, è divertente che tutti i post in merito su tutti i forum riguardino come non visualizzare i pallini in un elenco e invece a me serve il contrario...
-
Oggettivamente questa cosa non ha senso, mi capita nel sito di cui ho postato il codice CSS che riguardava dei suffissi modulo, ma anche senza suffissi modulo.
io ho una posizione NAVIGATION. nel CSS creo la classe #NAVIGATION per dichiarare la formattazione di tutti i moduli che metto in quella posizione. Creo poi #NAVIGATION UL, #NAVIGATION UL LI, #NAVIGATION A e #NAVIGATION A:HOVER.
In #NAVIGATION UL metto list-style: disc; (anche se di default dovrebbe darmelo senza che lo dichiarassi) e in #NAVIGATION UL LI metto list-style-type: disc;
NON VEDO I PUNTINI, qual è l'errore?????? :'(
ho passato il weekend su questa cosa!
-
prova così
ul#NAVIGATION {
list-style: disc;
}
oppure
li#NAVIGATION {
list-style: disc;
}
e poi guarda, se per sbaglio all'inizio di qualche tuo css non ci siano delle dichiarazioni di reset tipo
li, ul, body {
list-style: none;
}
-
con il tuo suggerimento sto andando a tentoni, succede questo:
se scrivo
#navigation ul{
font-family: Open Sans, Verdana, sans-serif; /* mettere la famiglia corretta */
font-size: 16px; /* mettere la dimensione corretta */
width:235px;
margin:0;
padding:0;
}
li#navigation ul{
list-style: disc;
background-color: #fff;
border-bottom: 1px solid #CCCCCC;
display: block;
width: 185px;
height: 30px;
margin: 0;
}
appaiono i puntini e scompare la formattazione del LI (cioè il bordo inferiore, il colore ecc.
in altri modi scompaiono le formattazioni di entrambi...
-
mmmhh... come hai scritto tu
li#navigation ul
non mi sembra molto ortodosso, prova come ti ho suggerito io solo
li#navigation
list-style: disc;
background-color: #fff;
border-bottom: 1px solid #CCCCCC;
display: block;
width: 185px;
height: 30px;
..............
-
@carla: in questo modo stai dichiarando un po di cose a casaccio... Stai supponendo ad esempio che più di un elemento, tra l'altro di tipi diversi, abbiano uno stesso ID (che per definizione deve essere univoco)
Perché non linki una piattaforma di test dove eventualmente qualcuno può analizzare direttamente il codice anziché sparare a 0 utte le possibili soluzioni?
-
farò così... a tra poco!
-
questo è il link, il menu incriminato ovviamente è quello di sinistra
http://www.comunicareoltre.it/clienti/gefcem/gef/
Non si fa riferimento al codice in testa a questo post che riguarda un altro sito, ma il problema è il medesimo, visto che il modo di procedere è il medesimo, l'unica differenza è che nel codice postato in testa a questo post si parla di suffissi della classe, ma immagino sia la stessa identica cosa.
Grazie mille
-
da qualche parte hai impostato display:block; a #navigation ul li (non ho chrome quindi non so dirti la riga)
Se lo cancelli risolvi il problema
-
ottimo, funziona, io credevo che display: block; servisse per visualizzare il menu in verticale e che quindi fosse necessario... faccio molta confusione ancora.
Grazie mille, come sempre utilissimi!
-
no, al contrario: è "display:inline" che ti consente di mostrarlo orizzontalmente!