Visualizzazione dei risultati da 1 a 3 su 3
  1. #1

    elenchi puntati ed a capo

    buondì....visto che ieri avete risolto brillantemente un mio problema "grave" vediamo se si riesce a far qualcosa anche su una mia "curiosità"

    si parla di elenchi puntati e problema con a capo

    rachiudendo un elenco in un div troppo piccolo capitano inevitabilmente degli a capo, ma la riga inferiore non mi viene mai allineata con la superiore bensì allineata col punto, creando un antiestetico elenco puntato...c'e modo x ovviare a questa situazione?

    (se non è chiaro e se ricevo il permesso posto l'indirizzo di un sito dove riscontro questo "inconveniente")
    by

  2. #2
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    creati un immagine che funga da punto elenco e prova questo codice

    codice:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" lang="it" xml:lang="it">
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
            <title>xhtml 1.0</title>
    
            <style type="text/css">
            div {
                width: 120px;
            }
            
            ul {
                list-style-type : none;
                margin          : 0;
                padding         : 0;
                
                height          : 1%;
                ove\rflow       : hidden;
                
                border : 1px solid #767676;
            }
            
            li {
                background      : url(puntoelenco.gif) left 0.4em no-repeat; /** simula il punto elenco **/
                padding         : 0.5em 0 0.5em 10px;
                float           : left;
                clear           : left;
            }
            </style>
        </head>
    
    <body>
    
        <div>
        <ul>[*]link con testo molto lungo da andare a capo[*]link[/list]
        </div>
    
    </body>
    </html>
    (funziona anche con IE 5.5)

    varia il padding all'elemento[*] a piacere.
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  3. #3
    non ci avevo minimamente pensato....grazie mille x l'idea :-D

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 © 2026 vBulletin Solutions, Inc. All rights reserved.