Salut,

je voudrai transformer les pages de mon site afin de remplacer les <table> en <div>, et supprimer ainsi la mise en page en tableau.

Voici le lien d'une page qui pose problème car présentant beaucoup de cadres : http://www.speedymoto.fr/accessoires.html

Merci de votre aide

Vu ...

En fait tu as deux sortes de lignes exceptée la photo de la moto au milieu.

Une ligne type "BLH Ermax Nitro"

Et une ligne type "Conti Accessoires mad"

Dans les deux cas j'engloberais trois elements dans un div en appliquant un class en fonction du type de ligne.

par ex <div class="large" > (avec par ex un width 100%)

<div class="etroit" > (avec un width fixé plus petit et un margin-left pour le centrer).

Bien sur le style de chaque dans une feuille css externe.

Dans chacun de ces div je mettrais trois div avec un class également permettant de les positionner en float

Ensuite tu n'as plus qu'à mettre texte et img dans ces div puis tu fais un copier coller en fonction du type de ligne que tu veux.

<p>mon texte</p>

<p><img src="ma-photo" alt="legende de ma photo" border="0" /></p>

Pour la moto au centre il te suffit d'un div width 100% et d'un text-align: center pour qu'elle reste telle quel.

Perso quand je fais une mise en page j'utilise systématiquement un background de couleur pour repérer visuellement chaque element afin de bien voir où ils se positionnent et la place qu'ils prennent.

Je dois m'absenter un moment mais si Elle passe par la nul doute qu'elle prenne le relais.

Sinon à Plus

ok, je dois étudier tout ça car pas évident

Faut pas que je me loupe, alors, je vais y aller à pas feutrés

est-ce-que ça c'est bon? :

<div class="large" width="100%">

<p>logo blh</p>

<p>logo ermax</p

<p>logo nitro</p>

</div>

Tu peux mettre tout cela dans ta feuille css existante. Aucun problème.

Déjà si tu veux laisser le style dans les balises fait plutot comme cela :

<div class="large" style="width: 100%;">

Ensuite met un class à tes paragraphes <p class=logo" style="">

Moi je mettrai dans un div car quelques fois tu as texte ET photo.

donc : (je ne met pas les balises de fin de div pour aller plus vite mais ne pas oublier)

<div class="large" style="width: 100%;">
 
	<div class="logo1" style="width: 50px; background:red;">
 
<p>Logo 1</p>
<p><img src="images/mon_image1.jpg" alt="mon logo 1" border="0" />
</div>
 	
	<div class="logo2" style="width: 50px; float: left; margin-left: 50px; background:red;"> 
 
<p>Logo 2</p>
 
	<div class="logo3" style="width: 50px; float: right; background:red;">
 
<p>Logo 3</p>
</div>
</div>

c'est déjà un peu plus clair dans ma tête, mais j'ai toujours du mal à savoir quoi mettre dans ma page css, je m'y replonge ce soir, car là c'est moi qui doit m'absenter

merci pour ton aide précieuse et pertinente, à plus...

Dans ta page css tu reprends les valeurs que tu as mis dans style="" (en les effaçant de ta page html).

Pour un class tu mets :

.large {width: 100%;}

.logo1 {float: left; width: 50px; background: red;}

etc

Si tu nomme tes div par id c'est :

#large{...}

Mais dans ton cas ce sera des class (voir site du zero et les css).

C'est tout simple : Houba Houba Hop !

Bon aprem.

mouaih....

Par contre, le site du zéro ze connais

je mets en pratique tes conseils et si j'y arrive pas, je reviendrai demander de l'aide!

merciiiiiiii

Demandé si gentillement ....

Pas de souci nous sommes la pour ça.

Y'a pas de raison que tu n'y arrives pas.

Cool

Je l'ai changé en partenariat avec le livre le plus con du web. plus de 12700 visites depuis son lancement (mi mars) et 73 livres vendus ...

C'est sur ma page d'accueil (le site le plus con du web) et c'est toujours aussi con voire encore plus ... mais ça plait (?) !

NOTA : j'ai par courtoisie pas enlevé Echapp ... Mais ça perd de son peps ! Enfin je veux pas exagérer ...

Mais par contre je préviens bien que Devil is Here !

Et je n'ai aucune mesure de rétorsion contre les motardes ... qui font pas de moto !

j'en fait de la moto ... mais en passagère ... NA!