SOS : j'ai un problème...

Rien à voir avec la chanson de Johnny Halliday et de son ex-femme !

Le voici : je travaille avec un ami et, pour un certain nombre de ses produits, je suis son affilié.

Notre principe est simple : je fais une page (en fait plusieurs avec les pages de commande)
à partir de celle qu'il a créée pour son produit, je la transfère en php (il n'utilise que le html
et j'ignore totalement avec quel logiciel il fait ça, mais son code est incroyable ! Perso, je travaille
avec Dreamweaver CS3 pour Mac).

La question est simple : il a créé une page qui est en deux colonnes, celle de gauche mesurant pratiquement
la moitié de la taille de celle de droite.

Voici une vue du haut de sa page :
http://imageshack.us/photo/my-images/405/41245407.jpg/
et une de celle du début de son code :
http://imageshack.us/photo/my-images/221/24155960.jpg/

Je pratique couramment cette transformation, mais cette fois, j'ignore pourquoi,
impossible !

Voici à quoi ressemble la structure de ma page :
http://imageshack.us/photo/my-images/716/74827311.jpg/
et celle de mon code :
http://imageshack.us/photo/my-images/522/62891213.jpg/

Si j'essaie de faire du copier-coller comme d'habitude, après moultes modifications
et simplifications de son code html, je n'arrive à rien ou alors à une seule
colonne.

Quelqu'un pourrait-il m'expliquer pourquoi ?

Ca m'arrangerait beaucoup.

Merci d'avance, de la part de

Guy
Modifié par gafguy (12 Nov 2011 - 11:23)

Bonjour,

Cà répond pas vraiment à ta question, et je m'en excuse, mais déjà tu devrais lâcher la mise en page avec des tableaux (voir ce lien pour de plus amples explications).

"tilsitt" a écrit :
Cà répond pas vraiment à ta question, et je m'en excuse, mais déjà tu devrais lâcher la mise en page avec des tableaux (voir ce lien pour de plus amples explications).

Je ne fais jamais de tableaux dans mes sites ! Je n'utilise que des div id="container1, 2, 3..." mais là, dans un souci de simplification (pour moi, parce qu'il a un code infernal), j'ai tenté les tableaux.

Pour une page précédente que j'ai copiée sur lui aussi, j'ai fait ça :

avec ;
pour la première colonne :

<table>
  <tr>
 <td class="largeur"
ici le texte
</td>
</tr>
        </table>
et pour la seconde colonne :
[code] 
<td class="largeur"
ici encore le texte
</td>
  </tr></table>
</td>

Tiens, je viens de m'apercevoir que quelque chose cloche pourtant ma page est bonne (en général, le php ne pardonne pas les erreurs).
Tu peux la voir ici :
http://www.les-secrets-des-mentalistes.com/

Merci du tuyau, je vais lire la page que tu m'indiques.

Guy
Modifié par gafguy (12 Nov 2011 - 18:36)

Bonjour,

J'ai tenté de résoudre le problème sans faire de tableaux.

Voici mon code :

<div id="main">
<div id="contenu">
Contenu1
Contenu1
Contenu1
Contenu1
Contenu1
Contenu1
Contenu1
Contenu1
Contenu1
Contenu1
</div>
<div id="contenu">
Contenu2
Contenu2
Contenu2
Contenu2
Contenu2
Contenu2             
Contenu2
Contenu2
Contenu2
Contenu2
</div>
</div>

et voici ce que ça me donne comme résultat :
http://imageshack.us/photo/my-images/828/voilacapture.jpg/

D'après tout ce que j'ai lu, ça devrait me faire deux colonnes l'une à côté de l'autre.

Qu'ai-je raté ?

Merci à qui me le dira.

De leur donner un positionnement en CSS :

http://www.alsacreations.com/article/lire/533-initiation-au-positionnement-en-css-partie-1.html
http://www.alsacreations.com/tuto/lire/608-initiation-positionnement-css.html

Et je suppose que c'est une simple erreur de copié/collé mais un "id" est unique, tu ne peux donc pas avoir deux div#contenu.

Effectivement, l'attribut "id" sert à identifier un élément unique; si tu as besoin de "regrouper" plusieurs éléments qui ont des caractéristiques communes, pense à l'attribut "class". pour qu'on puisse t'aider plus facilement, pense aussi à nous donner le contenu de ton fichier css.