-
Ul con immagine
Ciao, sto facendo un menu con gli ul,...
tutto bene fino a quando nn mi é venuta l'idea di sostituire il puntino con un img, allora il mio codice de menu era questo:
Codice HTML:
ul.menu {
margin: 0;
padding: 0;
}
ul.menu li a {
display: block;
text-decoration:none;
padding: 3px;
}
ul.menu li { display:inline }
ul.menu li a:link, ul.menu li a:visited {
background:#6493C8;
color: #009;
}
ul.menu li a:hover, ul.menu li a:active {
background: #6FA1DA;
color:#c00;
}
lo trasformo cosi per sostituire il puntino all'img:
Codice HTML:
ul.menu {
list-style-position: outside;
list-style-image: url(img/altro/freccia.gif);
list-style-type: square;
margin: 0;
padding: 0;
}
ul.menu li a {
display: block;
text-decoration:none;
padding: 3px;
}
ul.menu li { display:inline }
ul.menu li a:link, ul.menu li a:visited {
background:#6493C8;
color: #009;
}
ul.menu li a:hover, ul.menu li a:active {
background: #6FA1DA;
color:#c00;
}
ma nn cambia nulla, nn capisco cosa sbaglio, l'url dell'img é giusto ho controllato, HELP!
-
Perché hai messo sia la direttiva list-style-image che quella list-style-type? Credo che una delle due sia di troppo...
Stammi bene...
-
ok, ho messo solo list-style-position: outside;list-style-image: url(img/altro/freccia.gif); ma l'immagine ancora nn si vede..
-
Ho provato qui e, almeno con Firefox, sembra che devi togliere list-style-position: http://www.w3schools.com/css/tryit.a...style-position (aggiungi ai CSS una riga con list-style-image: url(arrow.gif) per testare).
"Rettifico" il mio post prima: list-style-type non è di troppo, anzi... è bene specificarlo nel caso l'immagine non fosse disponibile (fonte: http://www.w3schools.com/css/pr_list-style-image.asp)
Stammi bene...
-
nn capisco cosa tu inteda, nn puoi scrivermelo nel codice? le ho provae tutte ma nn va...
