passant d'un tableau en structure avec div

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : passant d'un tableau en structure avec div

Ex-Floodeur

La Source

Bonjour,

sur la homepage d'animecdz que je prépare, le design des tables va changer ( cf http://www.animecdz.com/css/index.php?cdz=1 )

le code d'un des tableaux est comme suit :

Code :

<table width="586" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><img src="images/CityHunter-tableau_01.jpg" width="30" height="30" alt=""></td>
<td background="images/CityHunter-tableau_02.jpg" width="526" height="30">
<div align="center"><font size="2" face="Geneva, Arial, Helvetica, sans-serif">
<strong><font color="#FFFFFF">Dernières News</font></strong></font></div></td>
<td><img src="images/CityHunter-tableau_03.jpg" width="30" height="30" alt=""></td>
</tr>
<tr>
<td background="images/CityHunter-tableau_04.jpg" width="30" height="243" ></td>
<td width="526" height="243" valign="top" background="images/CityHunter-tableau_05.jpg"><div align="left">

Je sais qu'il n'est pas totalement aux normes W3C (HTML 4.01 transitionnal)

je souhaite afficher ce même tableau mais en structure avec des Div

J'ai commencé en faisant cela ( http://www.animecdz.com/css.php ) :

Code :

<style>
.float1 { float: left;margin:0;}
.float2 { vertical-align:top;width:526px;float: middle;background-image:url(http://www.animecdz.com/css/images/CityHunter-tableau_02.jpg);margin:0;}
.float3 { float: right;margin:0;}
.float4 { float: left;margin:0;}
.float5 { vertical-align:top;width:526px;float: middle;background-image:url(http://www.animecdz.com/css/images/CityHunter-tableau_05.jpg);margin:0;}
.float6 { float: right;margin:0;}
</style>
<br/><br/>
<div align="center">
<div class="newstable2" valign="top">
<div class="float1">
<img src="http://www.animecdz.com/css/images/CityHunter-tableau_01.jpg" width="30" height="30" alt="">
</div>
<div class="float2">
<p>légende 2</p>
</div>
<div class="float3">
<img src="http://www.animecdz.com/css/images/CityHunter-tableau_03.jpg" width="30" height="30" alt="">
</div>
</div>
<div class="newstable2" valign="top">
<div class="float1">
<img src="http://www.animecdz.com/css/images/CityHunter-tableau_04.jpg" width="30" height="30" alt="">
</div>
<div class="float2">
<p><font color="#FFFFFF"><b>Pas De Myth Cloth En Grande Distribution Avant 2006</b></font>
<br><br>Ce n'est pas en 2005 que nous verrons des Myth Cloth en grandes surfaces.<br></p>
</div>
<div class="float3">
<img src="http://www.animecdz.com/css/images/CityHunter-tableau_06.jpg" width="30" height="30" alt="">
</div>
</div>
</div>

mais ce n'est pas vraiment ressemblant.

Qu'ai-je fait comme erreur ?

En vous remerciant de votre aide.

---------------
Saint Seiya || La Livebox || Europe, débats, réflexions

Publicité

FlorentG

Déjà si tu passes en CSS, vire les align="center" qui n'ont strictement rien à faire ici Pareil pour les valign="top". N'hésite pas à utiliser une DTD Strict afin de virer toutes ces vieilles saloperies héritées du passé

Ex-Floodeur

La Source

FlorentG a écrit :

je sais bien

je veux dans un premier temps avoir la structure avant de la rendre bien propre

---------------
Saint Seiya || La Livebox || Europe, débats, réflexions

FlorentG

Ca :

Ne sert à rien. Tu peux appliquer le style direct à l'image.

Si tu te lances dans le respect de la structure, fait bien gaffe à cette règle :
<div> n'est pas là pour positionner des éléments
<div> sert à grouper des éléments, et donner une structure au document. Pareil pour <span>. Ce sont des éléments génériques à utiliser quand d'autres font défaut. Genre il te faudra un élement <news> ? Utilise un truc genre <div class="news">. Il te faudrait une p'tite balise <auteur> ? Utilise alors <span class="auteur">

Ex-Floodeur

La Source

c'est pour cela que je veux utiliser une structure avec des div à la place d'un tableau

---------------
Saint Seiya || La Livebox || Europe, débats, réflexions

FlorentG

Voilà, mais donc fait bien gaffe à ne pas en mettre là où il ne faut pas

Ex-Floodeur

La Source

pour l'image ca m'était sorti de la tête : j'ai donc été plus royaliste que le roi

---------------
Saint Seiya || La Livebox || Europe, débats, réflexions

FORUM HardWare.fr

Programmation

HTML/CSS

passant d'un tableau en structure avec div

Sujets relatifs
Checkbox à partir d'un tableau	Problème de tableau
comment afficher un tableau dans une boite de dialogue?	[java] Classe abstraite, polymorphisme et tableau
Redimmensionnement calque et tableau selon la resolution ?	Ecrire dans un tableau en javascript
Tableau... Newbies need your help!!!!! urgent svp	trie tableau vector... (very debutant) help me please
Manipulation tableau de données de type string	faire passer un tableau d'une form à une autre
Plus de sujets relatifs à : passant d'un tableau en structure avec div

Page générée en 0.048 secondes