Problème de tableau

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : Problème de tableau

par AL3XxX83 » 13 juin 2008, 12:52

Je vais essayer je te tiendrai au courant de l'avancement :) je suis en période d'exam dès que j'aurai fini je vais m'y pencher dessus ;) Merci :)

par animithra » 12 juin 2008, 22:20

Cela ne me prendrait pas tant de temps, je suis quelqu'un qui travaille vite, mais en conséquence mes tarifs sont élevés, et je pense qu'ils ne conviendraient pas ;)

Sans pour autant refaire tout le site, rien ne t'interdit d'extraire cette partie du tableau et de la convertir en div auquelles tu appliquerais des classes css...

par AL3XxX83 » 12 juin 2008, 21:26

Tout le site est codée en tableau je me vois mal tout refaire tout seul :( si tu veux me donner un coup de pouce je dirai pas non :lol:

par animithra » 12 juin 2008, 21:18

Bonsoir
j'ai horreur :( je préfére les divisions ^^
Mais pourtant tu laisses des parties de tableau...

Pourquoi ne pas tout faire avec des css comme cela est fait normalement ?

Ensuite il te suffit d'appliquer des classes en position relative ou absolue (ce qui te permet de gérer l'alignement) et d'attribuer les mêmes hauteur/largeur.

Bref, tu peux bien tout faire en div...

Problème de tableau

par AL3XxX83 » 12 juin 2008, 20:09

Bonjour à tous, je viens exposer mon problème à mes chers codeur experimentés :oops:
Voila je bosse sur une webradio qui va bientôt ouvrir et le patron a acheter un KIT GRAPHIQUE en guise de SITE :) hors tout le site est codé en TABLEAU chose que j'ai horreur :( je préfére les divisions ^^
Voila http://tplv.free.fr/index.php voila la page d'accueil comme vous pouvez le remarquer rien n'ai aligné et je cherche mais je trouve pas :( je souhaiterais que toutes les partie "grise " la ou il y a le texte soit égale et donc que les photos en bas soit bien alignées ...
Merci d'avance pour votre grande aide :lol:

Code : Tout sélectionner

<td valign="top"><table width="766" height="auto" border="0" cellpadding="0" cellspacing="0" style="height:auto; "> <tr> <td height="auto" valign="top"> <table width="766" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="auto" valign="top" style="background:url(images/bg.jpg) top left no-repeat "> <table width="766" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="6" valign="top"></td> <td width="222" valign="top"> <table width="222" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="209" valign="top" style="background:url(images/bg1.jpg) top no-repeat #222222 "> <div style="margin:11px 15px 10px 18px; "> <div align="center"><span class="titre" style="margin-left:0px; ">Actualité Musicale</span><br> </div> <p> <img src="images/spacer.gif" alt="" width="1" height="19"><br> <img src="images/pic.jpg" alt=""><br> <img src="images/spacer.gif" alt="" width="1" height="10"><br> <strong>L'Actu musique en live:</strong><br> - Estelle invitée du Paris Hip Hop 2008 </strong><br> - Quentin Mosimann <br> - Jennifer Paige sort de l'ombre <p><img src="images/a1.gif" alt="d" class="arrow_right"><a href="music.php">Lire la suite </a><br> <img src="images/spacer.gif" alt="" width="1" height="8"><br> </p> </div> </td> </tr> <tr> <td height="72" valign="top"> <div style="margin-top:5px; "> <a href="#"><img src="images/banner.jpg" alt="" border="0"></a></div> </td> </tr> </table> </td> <td width="7" valign="top"></td> <td width="222" valign="top"> <table width="222" style="height:100% " border="0" cellspacing="0" cellpadding="0"> <tr> <td height="100" valign="top" style="background:url(images/bg2.jpg) top no-repeat #222222 " class="music_list"> <div style="margin:11px 15px 10px 18px; "> <div align="center"><span class="titre" style="margin-left:0px; ">Liens D'Ecoute</span><br> </div> <img src="images/spacer.gif" alt="" width="1" height="19"><br> <ul> <li><a href="http://generation-radio.net/G-R.m3u">Lien Winamp</a></li> <li><a href="http://generation-radio.net/G-R.asx">Lien Windows Media Player</a></li> <li><a href="http://generation-radio.net/G-R.ram">Lien Real Player</a></li> </ul> </div> </td> </tr> <tr> <td height="109" valign="top" style="background-color:#222222 " class="music_list1"> <div style="margin:0px 0px 10px 18px; "> <ul> <li><a href="#">D</a>écouvre toute l'équipe de la G-Radio ainsi que ses auditeurs sur le Blog-GR </li> </ul> <p><img src="images/spacer.gif" alt="" width="1" height="8"></p> <p><br> <img src="images/a1.gif" alt="" class="arrow_right"><a href="#">Blog-GR</a></p> </div> <br><br> </td> </tr> <tr> <td height="72" valign="top"> <div style="margin-top:5px; "> <a href="#"><img src="images/PinksoundLogo2.jpg" alt="" width="244" height="61" border="0"></a></div> </td> </tr> </table> </td> <td width="7" valign="top"></td> <td width="244" valign="top"> <table width="244" style="height:100% " border="0" cellspacing="0" cellpadding="0"> <tr> <td height="209" valign="top" style="background:url(images/bg3.jpg) top no-repeat #222222 "> <div style="margin:11px 15px 10px 18px; "> <div align="center"><span class="titre" style="margin-left:0px; ">La Partie Live!</span><br> </div> <img src="images/spacer.gif" alt="" width="1" height="16"><br> <img src="images/pic1.jpg" alt=""><br> <img src="images/spacer.gif" alt="" width="1" height="10"><br> <strong>*En se moment sur G-R:</strong><br> Des dernières nouveautés en passant par le son Rock & Electro, découvrez le meilleurs des Hits sur G-Radio.<br> <img src="images/spacer.gif" alt="" width="1" height="8"><br> <img src="images/a1.gif" alt="" class="arrow_right"><a href="planning.php">Grille des Programmes </a></div> <br><br><br></td> </tr> <tr> <td height="72" valign="top"> <div style="margin-top:5px; "> <a href="#"><img src="images/banner2.jpg" alt="" border="0"></a></div> </td> </tr> </table> </td> <td width="58" valign="top"></td> </tr> </table> </td> </tr> </table>