Souci pour transformer un tableau simple en <div> ....

Bonjour,

j'essaye de transformer un simple tableau en <div> pour supprimer le <table>
Donc, à la base j'ai un tableau :
- de 2 colonnes * 4 lignes,
- avec la colonne de droite composée d'une seule cellule (rowspan 4)

***************
* 1     *     *
*********     *
* 2     *     *
*********  5  *
*  3    *     *
*********     *
*  4    *     *
***************

Malheureusement, mes essais ne sont pas concluant puisse à chaque fois mon div de droite (cellule 5) se retrouve toujours en dessus de 4 !



Pourriez vous d'indiquez la méthode ?
Merci d'avance

@+
Modifié par Tchupacabra (09 Apr 2006 - 20:53)

Bonjour Tchupacabra,

a écrit :
Malheureusement, mes essais ne sont pas concluant puisse à chaque fois mon div de droite (cellule 5) se retrouve toujours en dessus de 4 !

Et si tu nous montrais tes essais !

Oui un peu de code nous éclairerait...

Est-ce que c'est 4 div + un cinquième avec la celulle 5 ?

Dans ce cas mettre la celulle 5 en premier en float-right et les autres dans le flux normal, mais là je fais juste des suppositions en attendant ta réponse

Merci EricLB !

Tu m'as donné la réponse....
> "mettre la celulle 5 en premier en float-right"

avant :

		<div style="
			white-space: nowrap;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			color: #000000;">
		
			<div style="...">du texte</div>
	
			<div style="...">du texte</div>
		  
			<div style="...">du texte</div>
			
			<div style="...">du texte</div>

		</div>

		<div id="illustration" style="float: right;">une image</div>

après :

		<div style="
			white-space: nowrap;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			color: #000000;">
		
			
			<div id="illustration" style="float: right;">une image</div>

			<div style="...">du texte</div>
			<div style="...">du texte</div>
			<div style="...">du texte</div>
			<div style="...">du texte</div>

		</div>

Impeccable !!!!

J'ai encore du mal avec cette gymnastique css...
En tout cas merci. C'est cool

@+

maintenant que mes "cellules" sont bien positionnées, j'ai de nouveau un p'tit problème....

Comment faire pour que texte des cellules 1,2,3,4 ne passent plus derrière mon illustration ?
Modifié par Tchupacabra (09 Apr 2006 - 23:22)

a écrit :
Comment faire pour que texte des cellules 1,2,3,4 ne passent plus derrière mon illustration ?

J'ai l'impression que ta règle "white-space: nowrap;" met le pâté.

Remarque par ailleurs: si tu utilises la même police de caractères tout au long de ta page, tu la définis une fois au niveau du sélecteur body de ta feuille de style et tous les autres styles de ta page en héritent. Pas la peine de la déclarer à chaque fois (sauf si elle est spécifique à ta div, bien sûr). Même chose pour la couleur des caractères.

Philippe (phdm)
Modifié par phdm (10 Apr 2006 - 07:00)