Ciao Mich,
Originariamente inviato da Mich_
definisci esplicitamente sia margin che padding:
infatti qualche browser ha un margin-left predefinito nei[*], qualche altro ha il padding predefinito.
Se usi il padding, metti il margin a zero (o viceversa)
Altro attributo che ti puo` servire: list-style-position
l'attributo list-style-position era giā dichiarato come outside
Dunque:
Il mio problema si presenta sull'elenco puntato. Pertanto ignoro il margine che č indicato nel div che contiene l'elenco.
E passo a considerare solo la sezione UL e LI dell'ID homedxNewsElenco:
codice:
div#homedxNewsElenco ul
{
list-style-type: none;
list-style-position: outside;
line-height: 1.8em;
font-family: verdana, arial, sans-serif;
font-weight: normal;
font-size: 14px;
text-align: left;
color: #074B8A;
margin: 0px 0px 0px 25px;
padding-left: 10px;
}
div#homedxNewsElenco li
{
list-style-image: url('../img/advDot.gif');
padding-left: 4px;
margin-left: 0px;
margin-top: -3px;
}
Solo che anche in questo modo non cambia. Non cambia nč in IE nč firefox nč Chrome.
Domanda:
1) č sul UL o LI che vado a posizionare lo spazio a sinistra dell'immagine che fa da punto elenco?
2) č UL che gestisce lo spazio a sinistra del testo in elenco?
Dato che IE9 ignora bellamente quello che gli dico, devo usare come punto d'elenco un'immagine in background?
Questo č il link con la guida: http://css.maxdesign.com.au/listamatic/vertical05.htm
Grazie per i suggerimenti che potrai darmi
Samantha