Newsgroup: it.comp.www.html
Titolo: Elenchi puntati più a sinistra

Ciao a tutti,
ho fatto un elenco puntato con DreamWeaver, il codice che č:
<ul>
<li>prova1</li>
<li>prova2</li>
<li>prova3</li>
</ul>
L'elenco č inserito all'interno di una cella di una tabella, ma risulta
essere spostato di circa 1cm sulla destra, io lo vorrei appiccicato sul
bordo sinistro della cella. Come si fa?
Ringrazio tutti in anticipo.
Ciao da Emiliano

Puoi usare <ul style="margin-left: ....px">, mi pare che debba mettere anche
il padding-left per compatibilitą con Geko Based


Ciao Cekko,
ti ringrazio per la risposta, ma non funziona nel senso che inserendo gli
attributi da te citati sposta tutto a destra e non a sinistra.
Ho provato a inserire anche valori negativi ma niente e nemmeno con lo "0".
Fammi sapere se hai qualche altra idea.
Grazie
Emiliano

Emiliano - EmiCAD® ha scritto:
| Ciao a tutti,
| ho fatto un elenco puntato con DreamWeaver, il codice che è:
|
| <ul>
| <li>prova1</li>
| <li>prova2</li>
| <li>prova3</li>
| </ul>
|
| L'elenco è inserito all'interno di una cella di una tabella, ma risulta
| essere spostato di circa 1cm sulla destra, io lo vorrei appiccicato sul
| bordo sinistro della cella. Come si fa?
Ciao Emiliano, ecco qui cosa va messo nel css:
ul{ list-style-position: inside}
ul,li{ margin: 0; padding: 0}
Così dovrebbe andare. Se poi vuoi distanziare verticalmente gli
elementi della lista aggiungi questa regola alle altre due:
li{ margin-bottom: 0.3em}
Saluti,
    SantaKlauss

Ciao SantaKlauss.
Mettendo padding e margin a zero, i bullet finiscono fuori dal bordo della
tabella, se questa ha il cellpadding a zero. Ecco perchè bisogna giostrare o
con i padding e margin left o tutto a zero come dici tu ma poi mettere un pò
di cellpadding per fare rientrare i bullet.
PS(per Emiliano): Mi pare strano che una proprietà margin-left: 0; sposti a
destra qualcosa.....
Saluti.

     SantaKlauss
-------------
Ciao,
ti ringrazio per l'aiuto, ho provato la tua soluzione che perň funziona solo
in parte ma mi č stato di impulso per trovare altre soluzione.
Alla fine quella corretta č risultata essere:
ul{ margin left: 10; padding: 0; margin-bottom: 0; margin-top: 0}
li{ margin left: 10; padding: 0; margin-bottom: 0; margin-top: 0}
Grazie ancora.
Ciao
Emiliano

| Ciao SantaKlauss.
| Mettendo padding e margin a zero, i bullet finiscono fuori dal bordo della
| tabella, se questa ha il cellpadding a zero.
Ciao Cekko,
    non credo sia vero col codice che scritto.
Attraverso la proprietà list-style-position indico se il  bullet deve essere
rappresentato dentro o fuori l' <ul>.
Se viene settato a inside significa che viene rappresentato all' interno dell' ul, e
di conseguenza il testo viene reso, in linee successive alla prima dello
stesso <li> esattamente sotto il bullet e non sotto l'inizio del testo della prima riga.
Fai una prova aggiungendo un border all' ul per capire la differenza.
E' ovvio che se non specifico list-style-position: inside il bullet viene
"mangiato". Questo è vero in generale, non so se con le tabelle,
(e se con ie in particolare) e con il cellpadding a zero,non ho praticamente
mai usato questo attributo html, preferisco fare tutto via css.
Saluti,
    SantaKlauss

Emiliano - EmiCAD®
| Alla fine quella corretta è risultata essere:
|
| ul{ margin left: 10; padding: 0; margin-bottom: 0; margin-top: 0}
| li{ margin left: 10; padding: 0; margin-bottom: 0; margin-top: 0}
Ciao Emiliano,
    l' hai testata solo con ie vero? Corretta... insomma :-) la regola e':
margin-left: 10px;
Tra margin e left ci va il trattino e, a parte lo zero, i numeri devono
essere seguiti sempre da una unità di misura nei css.
| Grazie ancora.
Figurati! Ciao,
    SantaKlauss

 
studiarsi l'argomento a volte aiuta:
"Consistent List Indentation"
http://devedge.netscape.com/viewsource/2002/list-indent/
ciao.
-- 
email: goldicus1970 AT 
yahoo.it
web: 
http://www.deelan.com

Ciao SantaKlauss.
Il discorso sull 'inside e outside č giusto. Il problema č che dentro ad una
tabella se scrivo questo stile:
<style type="text/css">
ul{ list-style-position: outside; }
ul,li{ margin: 0px; padding: 0px;}
li { list-style-type: disc; }
</style>
Non mi fa vedere i pallini dell' elenco... non č strano?

Cekko  ha scritto:
| Ciao SantaKlauss.
| Il discorso sull 'inside e outside è giusto. Il problema è che dentro ad una
| tabella se scrivo questo stile:
| <style type="text/css">
| ul{ list-style-position: outside; }
| ul,li{ margin: 0px; padding: 0px;}
| li { list-style-type: disc; }
| </style>
|
| Non mi fa vedere i pallini dell' elenco... non è strano?
Ciao Cekko,
    non è strano: è quello che uno si aspetta. Ie e Opera rendono
il bullet fuori dall' <ul>, mentre mozilla solo fuori dall' <li>.
In ogni caso, ci va un po' di spazio per il bullet, ottenuto aggiungendo
un po' di margin e padding. Leggiti l' articolo suggerito da deelan,
credo sia molto chiaro per capire come far rendere una lista uguale
sui diversi browser.
Con  list-style-position:inside tutti e tre i browser con cui ho testato,
anche se margin e padding sono a zero sia per <li> che per <ul> il
disco si vede, perchè viene reso dentro l' <li>.
Ciao,
    SantaKlauss