lista non ordinata sulla stessa riga

**TuTToWeB** · 03-08-2006, 12:38

ciao a tutti...
cme si mettono gli elementi di una lista sullo stesso rigo?

**deleted_id_48586** · 03-08-2006, 12:50

li {
display:inline;
}

**Mich_** · 03-08-2006, 14:00

li {
float: left;
}

Alcuni consigliano di mettere anche il display: inline; , che non ha effetto nei browser corretti, ma che serve per sistemare qualcosa in IE.

**deleted_id_48586** · 04-08-2006, 11:53

Cosa vuole dire che non ha effetto nei browser "corretti"?

**Mich_** · 04-08-2006, 12:08

Un elemento non puo` esser di tipo block ed anche di tipo inline contemporaneamente.

Se un elemento ha il float, deve diventare per forza di tipo block, per cui inserire anche display:inline non ha alcun effetto nei browser che seguono le specifiche.
Ma in IE evita alcuni errori (duplicazione dei margini).

**deleted_id_48586** · 04-08-2006, 18:32

Ah ok scusa adesso ho letto meglio, tu intendevi dire ANCHE il display:inline oltre al FLOAT.

Ecco perchè mi era venuto il dubbio sulla tua frase.

Il ragionamento è corretto.

**TuTToWeB** · 04-08-2006, 20:03

il ragionamento PUO' essere corretto, ma nn è assolutamente il mio caso, poiché io devo fare un piccolo menu a piè di pagina, quindi io il block nn lo messo

**deleted_id_48586** · 06-08-2006, 11:42

Originariamente inviato da TuTToWeB
il ragionamento PUO' essere corretto, ma nn è assolutamente il mio caso, poiché io devo fare un piccolo menu a piè di pagina, quindi io il block nn lo messo

Ma hai ancora problemi o è tutto chiaro?

**thomas_anderson** · 08-08-2006, 11:10

Una piccola precisazione su IE5: questo "browser", non distanzia sufficientemente le voci di un elenco in cui sia data la seguente dichiarazione:

codice:

li {display: inline;}

Una soluzione si ottiene tramite i commenti condizionali posizionati nell'elemento <head>, dopo il foglio di stile principale:

codice:

<!--[if IE5]>
<link rel="stylesheet" href="iefix.css" type="text/css" media="screen" />
<![endif]-->

e in iefix.css scriveremo:

codice:

li {
  width: 150px;
  wi\dth: auto;
}

si veda http://www.edgeofmyseat.com/ Rachel Andrew

Nota: la soluzione 'float:left' + 'display:inline' funziona ottimamente su IE5.

Discussione: lista non ordinata sulla stessa riga

Strumenti discussione

Ricerca discussione

Visualizza

lista non ordinata sulla stessa riga

Permessi di invio