perchè non mi mette il background color a ul?

**Phone** · 10-06-2011, 11:52

codice:

<ul style="list-style:none; margin:0px; padding:0px; clear:both;background-color:#EDEFF4;">

<li style="float:left;">


[img]upload/img.jpg[/img]



<li style=" float:left;">


yju5yje5 yju5yje5 yju5yje5 yju5yje5 yju5yje5 yju5yje5 yju5yje5 yju5yje5 yju5yje5 yju5yje5 yju5yje5 yju5yje5 yju5yje5 yju5yje5 yju5yje5 yju5yje5 yju5yje5 yju5yje5 yju5yje5 yju5yje5 yju5yje5 yju5yje5 yju5yje5 yju5yje5 yju5yje5 yju5yje5 yju5yje5 yju5yje5 yju5yje5 yju5yje5 yju5yje5 yju5yje5 yju5yje5 yju5yje5 yju5yje5 yju5yje5 yju5yje5 yju5yje5 yju5yje5 yju5yje5 yju5yje5 yju5yje5 yju5yje5 yju5yje5 yju5yje5 yju5yje5 yju5yje5 yju5yje5 yju5yje5 yju5yje5 yju5yje5 yju5yje5 yju5yje5 yju5yje5 yju5yje5 yju5yje5 yju5yje5 yju5yje5 yju5yje5 yju5yje5 yju5yje5 yju5yje5 yju5yje5 



[/list]

**Mich_** · 10-06-2011, 12:29

Non e` che non ti mette il backgorund, e` che e` un blocco vuoto che collassa.
Infatti al suo interno ci sono tutto blocchi float che escono dal flusso standard dei blocchi statici.

Possibili soluzioni
- dare il float anche al <ul> (con una larghezza tale da non farlo sovrapporre ad altri oggetti)
- definire un clear al suo interno prima di chiuderlo (cerca "clearing" nel forum)
- dare consistenza al blocco <ul> mediante altri attributi (cerca "clearing" nel forum)

**Phone** · 10-06-2011, 14:50

mich ho seguito i tuoi consiglio, e già mi ero documentato sul clearing
pero' senza successo
ti posso chiedere la cortesia di illuminarmi trasformando questo esempio dalle table agli <ul> li div ecc

codice:

 <table><tr><td>
ciao



</td>
<td>


<table><tr><td>
rgtrgt
</td></tr><tr><td>
ewrgwregtw</td></tr><tr><td>

thttg

</td></tr></table>






</td>
</tr></table>

perchè proprio non ci ho capito niente

forse con un esempio pratico riesco a capire meglio

**carlomarangoni** · 10-06-2011, 16:12

Ti interessa una traduzione così?

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<title></title>
		<meta content="text/html; charset=windows-1252" http-equiv="Content-Type">
		<style type="text/css">.div-1 {
	border: none;
	height: 77px;
	position: relative;
	text-align: left;
	width: 116px;
}

.div-1-1 {
	border: none;
	height: 71px;
	left: 2px;
	line-height: 71px;
	padding: 1px;
	position: absolute;
	top: 2px;
	width: 25px;
}

.div-1-2 {
	border: none;
	height: 71px;
	left: 31px;
	padding: 1px;
	position: absolute;
	top: 2px;
	width: 81px;
}

.div-2 {
	border: none;
	height: 71px;
	position: relative;
	text-align: left;
	width: 81px;
}

.div-2-1 {
	border: none;
	height: 19px;
	left: 2px;
	line-height: 19px;
	padding: 1px;
	position: absolute;
	top: 2px;
	width: 75px;
}

.div-2-2 {
	border: none;
	height: 19px;
	left: 2px;
	line-height: 19px;
	padding: 1px;
	position: absolute;
	top: 25px;
	width: 75px;
}

.div-2-3 {
	border: none;
	height: 19px;
	left: 2px;
	line-height: 19px;
	padding: 1px;
	position: absolute;
	top: 48px;
	width: 75px;
}
</style>
	</head>
	<body>
		<div class="div-1">
			<div class="div-1-1">ciao </div>
			<div class="div-1-2">
				<div class="div-2">
					<div class="div-2-1">rgtrgt </div>
					<div class="div-2-2">ewrgwregtw</div>
					<div class="div-2-3">thttg </div>
				</div>
			</div>
		</div>
	</body>
</html>

Discussione: perchè non mi mette il background color a ul?

Strumenti discussione

Ricerca discussione

Visualizza

perchè non mi mette il background color a ul?

Permessi di invio