Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente bannato
    Registrato dal
    Mar 2011
    Messaggi
    389

    perchè non mi mette il background color a ul?

    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]

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    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)
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  3. #3
    Utente bannato
    Registrato dal
    Mar 2011
    Messaggi
    389
    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

  4. #4
    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>

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.