28173 sujets

CSS et mise en forme, CSS3

Problème de positionnement avec les <div>

Salut tout le monde...

Je dois réaliser un espace "Header" similaire à l'affichage rélaisé par le tableau dont le code est le suivant:
<table width="100%" border="1">
<tr>
<td width="30%" rowspan="3">&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
</table>
J'arrive pas à positionner mes tag <div> d'une manière à réaliser ce truc tout en gardant la possibilité de toute modification future...
Merci d'avance...
salut !

vite fais, je partirai sur une structure comme celle-ci :

CSS :

<style type="text/css">
#bloc { border:1px solid #000; width:100%; }
#gauche { float:left; clear:left; width:30%; }
#droite { border-left:1px solid #000; margin:0 0 0 30%; padding:0; }
#droite li { border-bottom:1px solid #000; height:20px; list-style-type:none; }
#droite .dernier { border-bottom:0; }
</style>


et code :

<div id="bloc">
	<div id="gauche">1</div>
	<ul id="droite">
		<li>2</li>
		<li>3</li>
		<li class="dernier">4</li>
	</ul>
</div>
Sujet clos
Aller à