Positionner deux images dans un tableau

Bonjour à tous !

Je cherche à placer 2 images de part et d'autre d'un <td> mais je n'y parvient pas. Je tourne en rond depuis 2 heures... Pouvez vous m'aider svp ? Merki !!!


Modifié par Mandes (26 Oct 2008 - 08:25)

Et bé ça bouge ici ! Tant pis merci.

Tu sais, on peut avoir une vie, un travaille, un trou de mémoire... toujours est-il qu'aussi importante que puisse te paraître ta question elle peut nous passer sous le nez et dans ces cas là un ptit "up" vaut tout les sarcasmes du monde...
Maintenant en ce qui concerne ta question, tu fais un tableau à trois colonnes, 1ère et 3ème colonnes tes images, celle du milieu tu la divise en deux lignes.

<table>
  <tr>
    <td rowspan="2">Gauche</td>
    <td>Header</td>
    <td rowspan="2">Droite</td>
  </tr>
  <tr>
    <td>Contenu</td>
  </tr>
</table>

cahnory a écrit :
toujours est-il qu'aussi importante que puisse te paraître ta question elle peut nous passer sous le nez et dans ces cas là un ptit "up" vaut tout les sarcasmes du monde...

Je préfère également un «up» à un sarcasme.

Quant au fait que cette question n'ait pas obtenu de réponse: ça vient sans doute du fait que:
1. L'image donnée n'est pas claire (à quoi correspondent ces deux images, à quoi ressemble le design autour?).
2. La question manque de précisions (contraintes de largeur ou hauteur, répétition en hauteur de l'image souhaitée ou non, etc.).
3. En général, on demande aux membres venant poser une question de réaliser des essais avec leur propre code, et de fournir un lien vers une page en ligne ou à défaut donner le code HTML et CSS relatif au problème.

Pour obtenir une réponse il faut s'en donner les moyens.
Modifié par Florent V. (29 Oct 2008 - 12:50)

Oué dsl mais sur la plupart des forums les up sont interdits alors j'osai pas trop... Mille excuses. Sinon les tableaux ça rentre pas chez moi... Y'a t'il un soft qui permet de visualiser les tableaux avant publication, voir de les construire sans forcément maitriser le code ? Merci pour vos réponses précieuses.

Et voilà mon up du jour !

Florent V. a écrit :

Quant au fait que cette question n'ait pas obtenu de réponse: ça vient sans doute du fait que:
1. L'image donnée n'est pas claire (à quoi correspondent ces deux images, à quoi ressemble le design autour?).
2. La question manque de précisions (contraintes de largeur ou hauteur, répétition en hauteur de l'image souhaitée ou non, etc.).
3. En général, on demande aux membres venant poser une question de réaliser des essais avec leur propre code, et de fournir un lien vers une page en ligne ou à défaut donner le code HTML et CSS relatif au problème.
Pour obtenir une réponse il faut s'en donner les moyens.

Allons-y pour les "up" alors

bah nan c'est pas du jeu là ! Mais question est : Y'a t'il un soft qui permet de visualiser les tableaux avant publication. C'est clair, non ?

Mandes a écrit :
bah nan c'est pas du jeu là ! Mais question est : Y'a t'il un soft qui permet de visualiser les tableaux avant publication. C'est clair, non ?

Ta question de départ n'est pas claire, on te demande gentiment de fournir des précisions, et tu poses de nouvelles questions...alors, si, c'est du jeu !

Pour répondre à ta question, je dirai...un navigateur ? J'ai bon ?

cç. J'ai dû me tromper d'adresse.

Et bé non j'avais pas tapé la bonne adresse ! Quel andouille...
J'en suis là maintenant :

<td rowspan="2"><img src="gauche.jpg"></td>
<td align="center" width="100%" class="smallText1"></td>
<td rowspan="2"><img src="droite.jpg"></td>

Ca marche bien. Merci cahnory (et les autres) !
Seul problème mes images (gauche et droite) ne collent pas au contenu central Y'a t'il une astuce ? Merci encore pour tout ! Bonne soirée.

Florent V. a écrit :

Quant au fait que cette question n'ait pas obtenu de réponse: ça vient sans doute du fait que:
1. L'image donnée n'est pas claire (à quoi correspondent ces deux images, à quoi ressemble le design autour?).
2. La question manque de précisions (contraintes de largeur ou hauteur, répétition en hauteur de l'image souhaitée ou non, etc.).
3. En général, on demande aux membres venant poser une question de réaliser des essais avec leur propre code, et de fournir un lien vers une page en ligne ou à défaut donner le code HTML et CSS relatif au problème.
Pour obtenir une réponse il faut s'en donner les moyens.

Il y a des mots que tu ne comprend pas ?

Impossible de te venir en aide avec si peu d'informations, impossible de te dire si le choix d'un tableau est pertinent ou non, impossible de tenter de corriger ce dernier sans avoir une vision claire et globale de ce que doit être le résultat final...
Bref, à toi de jouer si tu veux de l'aide.

Merci de bien vouloir mettre ton code dans les balises prévues à cet effet pour une meilleure lisibilité.

Cdt,
Sylvain

Et, pour le plaisir (© Herbert Leonard) :


Up!

Calak a écrit :
Et, pour le plaisir (© Herbert Leonard) :

Jolie référence...

Je sais... Mais ne te méprend pas Sylvain, "je n'en suis pas"

lol

Z'allez vous moquer si je vous montre ma page...
C'est un tableau tout simple mais j'arrive pas à placer mes images hors du tableau (à sa gauche et à sa droite). Je ne sais pas si vous pourrez faire quelque chose avec ça mais bon voilà. Merci de votre aide. Bon dimanche.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
</head>

<body>
<tr>
       <td><table border="0" width="100%" cellspacing="4" cellpadding="4" background="fond.jpg">
         <tr>
           <td valign="top">essai contenu gauche</td>
           <td align="right" valign="top">essai contenu droite</td>
         </tr>
       </table></td>
     </tr>
</body>
</html>

Je précise que ça marche toujours pas comme ça
(mes images "extérieures" sont toujours incluses dans le tableau ou se trouve l'image background...)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
</head>

<body>
 <table border="0" width="100%" cellspacing="4" cellpadding="4" background="fond.jpg">
<tr>
    <td rowspan="2">image ext. Gauche</td>
           <td valign="top">essai contenu gauche</td>
           <td align="right" valign="top">essai contenu droite</td>
       <td rowspan="2">image ext. Droite</td>
  </tr>
  <tr>
    <td>Contenu</td>
  </tr>
</table>
</body>
</html>

Modifié par Mandes (02 Nov 2008 - 09:49)

Bonjour, en premier lieu je te conseille ces lectures:
http://css.alsacreations.com/Faire-une-mise-en-page-sans-tableaux/

J'ai pris comme décision, tout à fait arbitraire, de ne plus aider les gens sur une mise en page par tableaux. Désolé

On se fait jeter quand on poste pas suffisamment d'élément mais quand on le fait on nous dit qu'on ne peut pas recevoir d'aide. On m'avait dit qu'alsacreations partait en vrille mais je me suis entêté à vouloir poster ici... Bien fait pour moi.

Bonjour Mandes,

Débuguer une mise en page en tableaux n'est pas ce qu'il y a de plus drôle à faire. Si des contributeurs bénévoles au forum (consacré en bonne partie à la mise en page CSS, donc à priori avec pas ou peu de tableaux de mise en forme...) ne souhaitent pas donner de leur temps sur ce genre de problème, c'est leur choix.

Pour ton problème lui-même, on va repartir dans des questions bassement méthodologiques:

1. Y a-t-il une page en ligne? C'est tout de même dix fois plus pratique que de tenter d'analyser des codes HTML et CSS, des images que l'on ne connait pas, etc., pour vaguement deviner où pourrait être le problème.

2. On ne sait toujours pas exactement ce que tu veux faire. Comme je le disais, ton image n'est pas claire. Cela peut te surprendre, vu que tu annonces vouloir «placer des images à gauche et à droite d'un tableau». Je m'explique donc: le problème, c'est que ce que tu exprimes n'est pas forcément la meilleure manière de faire. C'est un parti-pris technique qui peut être inadapté. Une bonne indication n'est donc pas -- la plupart du temps -- «je veux placer un élément A de telle manière par rapport à un élément B», mais plutôt «je veux réaliser telle mise en page, je pensais placer un élément A de telle manière par rapport à un élément B mais je ne sais pas le faire et je ne suis pas sûr que ça soit la bonne méthode». Donc: à quoi est-ce que cela doit ressembler vraiment? Quels sont les contenus, les contraintes éventuelles?

3. Ton code HTML n'est pas valide. Travailler à partir d'un code HTML valide (et que l'on comprend ) est pour ainsi dire un pré-requis de ce forum. Tu as pensé à utiliser http://validator.w3.org pour tester ta page?