Visualizzazione dei risultati da 1 a 9 su 9
  1. #1
    Utente di HTML.it L'avatar di floyd46
    Registrato dal
    Feb 2002
    residenza
    Apulia
    Messaggi
    2,641

    Punto elenco immagine troppo vicino al testo

    ciao a tutti
    ho un piccolo problema, spero risolvibile:
    ho realizzato un elenco ed al posto del punto di default, ho inserito una immagine.
    La lista altro non è che una serie di link.
    Con IE6, Opera, Mozilla, FireFox non ci sono problemi.
    Invece su IE5 la gif è sovrapposta alla prima lettera del link.
    Qualcuno saprebbe darmi una dritta in merito?

    Il codice che ho scritto è:
    codice:
    ul {
    list-style: none; 
    margin-left:5px; /* anche scrivendo il margin = a 0 è la stessa cosa */
    padding:0;
    }
    
    li {
    padding-left: 4px;
    margin: 10px 0 0  7px;
    display: block;
    list-style: none;
    background:transparent url(immagine.gif) repeat-x 0 100%;
    width:185px;
    line-height:1.7em;
    }
    Grazie
    Floyd
    P.S. la gif ha dimensioni 15px X 17px.
    "Le persone che realizzano layout con tabelle annidate, spacer gif o che ignorano l'accessibilità non possono più definirsi professionisti." Andy Clarke
    --------------------------------

    www.extrowebsite.com

  2. #2
    cosi forse funziona:
    ul {
    list-style: none;
    margin-left:5px; /* anche scrivendo il margin = a 0 è la stessa cosa */
    padding:0;
    }

    li {
    padding-left: 4px;
    margin: 10px 0 0 7px;
    display: block;
    list-style: none;
    background:transparent url(immagine.gif) repeat-x 0 100%;
    width:185px;
    line-height:1.7em;
    text-indent: 17px;
    voice-family: "\"}\"";
    voice-family: inherit;
    text-indent: 0;
    }

    html> body li {
    text-indent: 0px;
    }

    ciao
    www.meteowebcam.it
    La migliore raccolta di webcam meteo Italiane

    www.creazionigrafiche.com
    Grafica e siti web d'autore

  3. #3
    Se la gif ha larghezza 15px, affinchè il testo non vi si sovrapponga dovrebbe avere padding maggiore o uguale a tale dimensione (per l'elemento li).

  4. #4
    Utente di HTML.it L'avatar di floyd46
    Registrato dal
    Feb 2002
    residenza
    Apulia
    Messaggi
    2,641
    grazie a ptransidico e pierofix;
    appena lo visualizzo con IE 5 vi faccio sapere.

    a presto e grazie ancora.

    -Floyd-
    "Le persone che realizzano layout con tabelle annidate, spacer gif o che ignorano l'accessibilità non possono più definirsi professionisti." Andy Clarke
    --------------------------------

    www.extrowebsite.com

  5. #5
    Utente di HTML.it L'avatar di floyd46
    Registrato dal
    Feb 2002
    residenza
    Apulia
    Messaggi
    2,641
    niente da fare amici, non va
    allego l'immagine che ho fatto;
    in pratica TUTTO il blocco si sposta di 15 px, ma il pallino che deve fare da punto elenco rimane semnpre sotto il testo.

    sempre in IE5; potreste darmi aiuto per favore?
    Grazie
    -Floyd-
    "Le persone che realizzano layout con tabelle annidate, spacer gif o che ignorano l'accessibilità non possono più definirsi professionisti." Andy Clarke
    --------------------------------

    www.extrowebsite.com

  6. #6
    Utente di HTML.it L'avatar di colde
    Registrato dal
    Feb 2001
    Messaggi
    1,802
    A me sparisce proprio se ti può consolare.
    Però ho usato i quadratini e non le immagini.
    www.beppegrillo.it
    Il blog di Beppe!!

  7. #7
    li a {display: block; padding-left: quantobastapx;}
    Era il mio cane!

  8. #8
    Utente di HTML.it L'avatar di floyd46
    Registrato dal
    Feb 2002
    residenza
    Apulia
    Messaggi
    2,641
    ciao carp, grazie per la tua risposta;
    ho scritto in questo modo:

    li a {
    display: block;
    padding-left:20px;
    }
    essendo la mia immagine di 15 X 17px.

    ho provato ad apportare la modifica che mi hai segnalato;
    faccio sapere appena visualizzo la pagina con IE 5.
    grazie ancora.
    Floyd
    "Le persone che realizzano layout con tabelle annidate, spacer gif o che ignorano l'accessibilità non possono più definirsi professionisti." Andy Clarke
    --------------------------------

    www.extrowebsite.com

  9. #9
    e di che?
    ciao
    Era il mio cane!

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.