Ciao,
io utilizzo un imagemenu e ho il problema dei pallini neri che non si eliminano.
Aprendo il file imagemenu.css ho seguito le indicazioni commentate, ovvero quelle di scommentare background:none.
L'ho fatto ma non capita nulla. Ho anche provato ad usare la soluzione vista in una discussione simile a questa,pulendo la cache di drupal e anche quella del browser, però nulla.
Avete qualche altra indicazione ?
Grazie mille !
Ricerca
Accesso utente
Argomenti del forum nuovi
Navigazione
Messaggi recenti
Chi è on-line
Ci sono attualmente 0 utenti e 3 visitatori collegati.
List view style - Eliminazione pallini neri da imagemenu
Gio, 14/05/2009 - 00:20
List view style - Eliminazione pallini neri da imagemenu
Tutti i contenuti di Drupal Italia sono di proprietà dei rispettivi autori, e possono essere liberamente utilizzati ai sensi della 
Powered by DRUPAL e UNBIT
Powered by DRUPAL e UNBIT
Innanzitutto nn è buona cosa modificare i file dei moduli,ma modificare sempre i file del tuo tema.. i pallini (se ho capito bene) sono imputabili alle classi ul li e ol del tema (controlla bene quale è) ..una volta che sai la classe giusta vai nel css del tuo tema e imposti una classe ul (list-style-type:none;) davanti all'ul di esempio impostagli sempre la classe principale,es #tuodiv,altrimenti mettendo solo ul ti scompaiono i pallini da tutto il tema...
Ciao,
la classe di riferimento è "li" . Facendo delle modifiche il queste liste, andrei a modificare i bullet di tutto il tema, come faccio a modificare, solo quelli dell' imagemenu ?
Ho provato a scrivere #imagemenu .li ecc.... . L'imagemenu di suo ha imagemenu.css, dove però tutto ciò che imposti non funziona.
Ti posto quello che ho :
Grazie
/*-------------------------------------------------------------------*//* Lists */
/*-------------------------------------------------------------------*/
ul {
margin: 0;
padding: 0 0 0 1em;
}
li {
line-height: 1.6em;
}
li a,
li a:visited,
li a:active,
li a:hover {
font-weight: normal;
}
.item-list ul {
}
.item-list ul li {
font-size: 11px;
list-style-image: url("images/bullet-round.png");
}
.item-list .title {
font-size: 1em;
}
ul.links li {
margin: 0;
padding: 0 2px;
}
.comment .links {
margin-bottom: 0;
}
.submitted {
font-size: 0.9em;
color: #666;
}
.links {
color: #666;
}
.links a {
font-weight: normal;
}
/* Menus */
li.leaf {
list-style-image: url("images/bullet-round.png");
}
li.collapsed {
list-style-image: url("images/bullet-sm-arrow-right.png");
}
li.expanded {
list-style-image: url("images/bullet-sm-arrow-down.png");
}
Usa Firebug e trova i selettori che possono isolare la lista che stai modificando dalle altre.
Nell'inserimento dei contenuti usate il CODE per rendere il testo più leggibile.
Ciao Pierluigi,
occhio ad una cosa: nel tuo messaggio dici di aver provato
#imagemenu .liIl fatto è che così stai dicendo al css di applicare le tue regole ad una classe di nome "li", invece quello che ti serve è l'elemento li
per cui dovresti usare
#imagemenu liad esempio:
#imagemenu li {list-style-type:none;
}
Maggiori informazioni: http://www.w3schools.com/CSS/pr_list-style-type.asp
ciao!
Mario Vercellotti (Vermario)
Freelance
http://www.verdevelop.com