Elenchi con img

[ciccio79]

Ciao a tutti,

ho un problema con gli elenchi.

Ho impostato un 'immagine per un elenco, in css, ma queste vengono visualizzate solo in I.E..Su netscape 6 e Firefox niente.

C'è qualche trucco per ovviare a questo problema?

[floyd46]

che codice hai usato?
scrivilo così è + semplice darti aiuto.
ciao

[ciccio79]

Ciao

ecco il codice css:

li.menu {
display: block;
list-style-position: outside;
list-style-type: none;
text-align: justify;
vertical-align: middle;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCCCCC;
padding: 0px;
margin-left: 0px;
list-style-image: url(Immagini/puntoElenco.gif);

Nn funziona neanche con i ounti standard. La versione di nn è la 6

[floyd46]

ciao
prova a scrivere questo codice nel CSS:
ul{
margin:0;
padding:0;
list-style-type:none;
list-style-positionutside;
list-style-image:url(immagine.gif);
}

li{
margin-left:20px; /*dipende dalla larghezza della gif*/
display:block;
width:130px; /* oppure altra misura */
line-height:1.6em; /* per distanziare le righe */
vertical-align:top; /* per allineare meglio le gif al testo dell'elenco */
}

sostituisci una tua immagine (consiglio di usare una immagine non + grande di 15 x 15 px;
poi dopo passiamo a realizzare l'elenco che vuoi fare tu.
fammi sapere come va.
saluti

[ciccio79]

ciao,

ho provato ad utilizzare il codice che mi hai scritto ma nn funziona, nn so che pensare.

La cosa strana è che nn mi visualizza neanche quelli standard di punti elenco

NN so che pensare..

Retifico:

Se nn utilizzo codice css i punti me li visualizza..continuerò a provarci...

[ciccio79]

il problema è :

display:block;

se lo tolgo visualizza sia i punti standard che le immagini.

Ora però devo cambiare qualcosina al layout...
che ne pensi?

[floyd46]

sinceramente non ho mai avuto problemi con il
display:block; nel senso che mi viene visualizzato correttamente oltre che su Intermerd Expoloder 6.0 che su browser quelli seri. Se dici che togliendolo viene correttamente visualizzato....... eliminalo e prova a vedere con altri browser (quelli seri, si intende).
ciao

[ciccio79]

Dato che ci sono, ti chiedo un'altra cosa..

Sto iniziando da una settimana ca ad impagineare con i css, è normale che su dreamweaver il layout nn rispecchi quello dei browser? Mi risulta tutto incasinato.

Come faccio a inserire il testo e altro?

[floyd46]

Non sei il primo a notare questa differenza;
lascia stare Drewm (per la mia esperienza) per impaginare con i CSS; apriti una bella pagina bianca di Notepad e scrivi il tuo codice; salva ed apri il file html;
ciao

[Mich_]

Noticina sull'attributo display:

Nei CSS1 poteva avere solo i valori
block
inline
none

Nei CSS2 puo` assumere:
none
inline
block
list-item
run-in
compact
marker
table
inline-table
table-row-group
table-header-group
table-footer-group
table-row
table-column-group
table-column
table-cell
table-caption

Ci possono essere browser che riconoscono solo CSS1, altri che riconoscono CSS2.
Nel primo caso l'oggetto definito dal tag[*] era di tipo block, nel secondo caso e` di tipo list-item (se non sbaglio).

Da qui potrebbe scaturire il diverso comportamento segnalato da ciccio e floyd.