Div con bordo e elenco puntato

**afurly** · 28-03-2007, 10:45

Ciao a tutti,
finalmente ho deciso anche io di abbandonare le tanto criticate tabelle a favore del piu' moderno xhtml. Devo dire che pensavo fosse piu' traumatico il passo, in ogni caso qualche problemino ce l'ho

.

Diciamo che vorrei fare un div con un bordo ed al suo interno mettere un paragarafo con un titolo e dei link distribuiti 3 per riga, e fino qua ci siamo... il problema e' che su firefox il bordo del div circonda solo il paragrafo e non anche l'elenco puntato con i link, mentre su explorer funziona bene (Devo ammettere che mi aspettavo piu' il comportamento opposto )

Vi posto un estratto del codice nella speranza che sappiate aiutarmi.

Ecco il codice xhtml:

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento senza titolo</title>
<link href="stile.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="listalink">
	

Elenco Link</p>
	<ul>
		[*]Prova
		[*]Prova
		[*]Prova
		[*]Prova
		[*]Prova
		[*]Prova
		[*]Prova
		[*]Prova
		[*]Prova
		[*]Prova
		[*]Prova
		[*]Prova
	[/list]
</div>
</body>
</html>

Ed ecco il css:

codice:

div#listalink{
	text-align: left;
	border: 1px solid #999;
}

div#listalink ul{
	list-style-type: none;
}	

div#listalink li{
	float: left;
	width: 33%;
}

**pierofix** · 28-03-2007, 10:52

Prova a usare questo (giocando con il margine destro):

codice:

div#listalink li
{
   display:inline;
   margin-right:20%;
}

Il float purtroppo estrae l'elemento dall'ordine.

**afurly** · 28-03-2007, 11:03

Grazie pierofix,
il problema e' che cosi' facendo i link non mi rimangono incolonnati correttamente come accade con i float, nell'esempio che ho postato va tutto bene perche' ho messo "Prova" come testo dei link ed essendo uguale per tutti l'incolonnamento e' apparentemente a posto.

Non c'e' un altro modo per mantenere l'allineamento a sinistra in tutte e 3 le colonne ?

Grazie.

Discussione: Div con bordo e elenco puntato

Strumenti discussione

Ricerca discussione

Visualizza

Div con bordo e elenco puntato

Permessi di invio