Come impostare la larghezza di una lista, in css

Ho il codice, come di seguito. È un po ‘fastidioso avere il testo non allineato (influenza altri elementi li ). Come posso renderlo a larghezza fissa? Ho provato width = XYZpx ma non ha fatto nulla.

 
  • 2/28/2010 9:37:38 AM
  • ...
  • 3/1/2010 9:37:38 AM
  • css

     li.date { background : url(/icons/date.png) no-repeat left top; } 

    Supponendo il seguente (x) html:

      

    La larghezza degli elementi li può essere impostata impostando la larghezza della div#navigation (come verranno display: block ul e li default display: block al 100% larghezza + riempimento + larghezza del bordo):

     div#navigation {width: 200px; } 

    O impostando la larghezza ul

     div#navigation > ul {width: 200px; } 

    O impostando la larghezza degli elementi li stessi:

     div#navigation > ul > li.date {width: 200px; } 

    Penso che, a meno che non ci sia un errore di battitura nella tua domanda, stai provando ad assegnare la larghezza in modo errato, certamente per quanto riguarda la width=XYZpx che hai postato. Per assegnare la larghezza in questo modo devi citare il valore, in modo che diventi:

     ...width="XYZpx"... 

    Ma tieni presente che questo è html / xhtml, non css. Per impostare la larghezza con css dovresti usare:

     ...style="width: 200px;"... 

    Se vuoi usare gli stili inline, o, nel foglio di stile, usa il modulo (come sopra):

     element.selector {width: 200px; } 

    I tuoi commenti sull’allineamento del testo suggeriscono che i tuoi elementi li stanno forse ereditando il riempimento, o un rientro del testo da qualche parte, quindi potresti voler aggiungere gli stili:

     div#navigation > ul > li.date { text-indent: 0; padding: 0; } 

    Spero che questo ti aiuti. Se ho frainteso la tua domanda, o problema, non esitare a lasciare un commento alla mia risposta, o rivedere / modificare / chiarire la tua domanda, e proverò ad essere più utile.

    Penso che sia necessario impostare la larghezza dell’elenco per l’elemento

      anziché l’elemento

    • . Se la lista è contenuta all’interno di un

      , potrei impostare la larghezza di

      invece di

        , credo.

         ul { width: 125px; } 

        Non riesco a lavorare sulla grammatica, ma penso che tutto ciò che vuoi sia questo, giusto?

         li.date { background : url(/icons/date.png) no-repeat left top; width: 200px; /* or whatever */ }