problema bordo liste <li> su IE

[nickmadison]

sto realizzando questa pagina:
http://www.3zone.it/site_systemp/

con firefox la visualizzazione è praticamente perfetta, con IE invece...

sotto al titolo 'specifiche tecniche' c' è una lista di pdf scaricabili, ad ogni elemento[*] ho applicato un bordo grigio in posizione bottom, su firefox si vede , mentre su IE6 c' è una specie di bug che me lo visualizza solo al rollover in maniera molto disordinata.

come risolvo il problema?

[edy72]

prova a specificare l'altezza dell'elemento[*]

ciao!!

[nickmadison]

ok, funziona, grazie per il consiglio....
cè però un altro problema adesso, se vedi la prima lista è senza immagine

[edy72]

sinceramente per quest'ultimo problema non so da che cosa possa essere provocato.

Provo a consigliarti un'altra strada: di solito, quando devo utilizzare un'immagine come puntatore di una lista, la applico direttamente all'elemento <a> e non ai[*] perché per questi è più difficile da regolare come posizione.

Un utente senior molto in gamba dava lo stesso consiglio. Qui puoi approfondire la discussione con la relativa soluzione:
http://forum.html.it/forum/showthrea...hreadid=898149


Mi spiace di non poterti aiutare in altro modo.

ciao!!

[nickmadison]

l' avevo gi usata quella tecnica tempo fa....
il problema è che impostandola in questo caso mi da lo stesso problema di prima.... assurdo.

provate a controllare con il vostro browser IE e poi ditemi:

http://www.3zone.it/site_systemp/rbourgeois.html

[edy72]

ho controllato l'indirizzo
http://www.3zone.it/site_systemp/rbourgeois.html
con IE e in effetti ho notato che il pallino della prima voce è più rientrato rispetto agli altri.

Per risolvere il problema ho salvato la pagina in locale e ho modificato il css azzerando il padding dell'elemento <ul>:

#pdf ul {
	margin: 0px;
	padding: 0px;
	text-align: left;
	list-style: none;
}

in locale questa soluzione mi funziona con IE e Firefox. Eventualmente puoi recuperare un po' di distanza dal bordo sinistro impostando un margine sinistro per i link:

#pdf ul li a {
	text-decoration: none;
	padding-left: 15px;
	margin-right: 1em;
	margin-left: 5px;
	background: url(../images/list_arrow.gif)
 transparent no-repeat 0px 50%;
}

spero che riesci a risolvere.

Ciao!!

[nickmadison]

adesso finalmente funziona.
grazie per i preziosi consigli.