Come sposto sull'estrema sinistra un elenco <ul><li> inline (orizzontale)?

[niubbo]

Nn riesco a togliere la rientranza tipica degli elenchi <ul>[*]... mi si sposta leggermente a destra... ma, siccome sto facendo un menù orizzontale e nn un elenco, a me serve ke si posizioni attaccato al bordo sinistro, come fa il testo sovrastante e sottostante... qualcuno
sa aiutarmi?

Questo è il codice ke uso:

#mainmenu ul
{

list-style-type: none;
margin-left: 0px;
padding-left: 0px;
display: inline;
}

#mainmenu a
{

color: #999999;

width: 100%;
padding-right: 5px;
text-decoration: none;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;

}

#mainmenu a:hover
{

color: #666666;
text-align: left;
}

#mainmenu li {

list-style-type: none;
display: inline;}

Grazie

[Mich_]

Ti manca ancora:
#mainmenu li { margin:0; padding:0; }


PS: il display: inline; personalmente non mi piace. Per mettere i[*] sulla stessa linea, preferisco
float: left;

[thomas_anderson]

ma con il floating ci sono poi dei problemi col clearing, nel senso che si deve ricorrere ad una di quelle tecniche di reset che creano parecchi problemi a chi inizia. IE raddopia lo spazio fra l'elemento seguente e la lista precedente (poniamo un <h2>). una soluzione è quella di usare il 'padding' per posizionare l'elemento. un'altra soluzione è impostare un <hr> non visibile con 'height' settata a 1, 'line-height' settata a 1 e , se si usa un elemento vuoto, come un div, 'font-size' settata a 1.

[niubbo]

Aggiungendo margin=0 e padding=0 a[*] nn mi è cambiato assolutamente nulla... è irremovibile... float nn so cosa sia ne a cosa serva...

[Mich_]

Hai un link dove e` possibile vedere sia il codice che l'effetto?

[Another-Life]

Originariamente inviato da thomas_anderson
ma con il floating ci sono poi dei problemi col clearing, nel senso che si deve ricorrere ad una di quelle tecniche di reset che creano parecchi problemi a chi inizia. IE raddopia lo spazio fra l'elemento seguente e la lista precedente (poniamo un <h2>). una soluzione è quella di usare il 'padding' per posizionare l'elemento. un'altra soluzione è impostare un <hr> non visibile con 'height' settata a 1, 'line-height' settata a 1 e , se si usa un elemento vuoto, come un div, 'font-size' settata a 1.

Un <hr> non visibile con altezza 1 riallinea correttamente gli elementi della lista([*])??

[niubbo]

qui: www.minisketch.com

Il menù in alto dove c sta "News Admin"... è spostato sulla destra e nn attaccato al bordo... il problema nn può essere il <div> nel quale è inserito <ul> xkè se c metto testo prima o dopo lo mette attaccato al bordo(...). Il codice ke ho usato l'ho postato precedentemente... potreste magari darmi un codice fatto da voi da zero ke x forza deve dare il risultato ke cerco? Sempre ke nn kieda troppo ke siete cmq già stati gentilissimi...

[Mich_]

Ci sono dei problemi nella pagina, ma non so se sono quelli che provocano lo spazio.

Il tag <center> non esiste in XHTML.

Il #logobox copre completamente il #mainbox (width:100%; height:100%; pertanto i blocchi successivi non ci stanno.

D'altronde il #mainbox non ha definita l'atezza, per cui height:100% dei blocchi successivi non hanno significato

#mainmenu a ha una larghezza del 100%: non ha senso, dato che vuoi affiancare alcuni blocchi. Inoltre la larghezza non e` definibile per elementi di tipo inline.

Ti consiglio senz'altro una passata dai validatori, e comunque un controllo di tante piccole cose che possono interferire fra loro.
validatore HTML === validatore CSS

[niubbo]

grazie, mi atterezzo!