[html] coller une image a un tableau

Marsh Posté le 10-07-2009 à 16:49:58

Bonjour,

J'ai créé un tableau en html et je voudrais pouvoir y coller de chaque coté à l'extérieur une image jpg. Je precise que je suis une bille en html ...

voilà mon tableau avec les deux jpg :

<img src="Arabesque-3.jpg" width="427" height="600"/>
<table width="604" height="604" border="0" align="center" cellspacing="1" bgcolor="#FFFFFF">
<tbody><tr align="center" valign="middle">
<td height="200" width="200"><div align="center"><span class="Style2"><a href="au_fil_de_l_eau.htm"><img src="acc_JPG/acc_noir_au_fil_de_l_eau.jpg" width="200" height="200" border="0" /></a></span></div></td>
<td height="200" width="200"><div align="center"><a href="in.htm"><img src="acc_JPG/acc_noir_in.jpg" width="200" height="200" border="0" /></a></div></td>
<td width="200" height="200" align="center" valign="middle"><div align="center"><a href="a_contre_jour.htm"><img src="acc_JPG/acc_noir_a_contre_jour.jpg" width="200" height="200" border="0" /></a></div></td>
</tr>
<tr align="center" valign="middle">
<td height="200" width="200"><a href="spirit.html"><img src="acc_JPG/acc_noir_spirit.jpg" width="200" height="200" border="0" /></a></td>
<td bgcolor="#FFFFFF" height="200" width="200"><p> <strong>SenS'</strong></p>
<p><strong class="azer">Photographie</strong></p></td>
<td width="200" height="200" align="center" valign="middle"><div align="center"><a href="sport.htm"><img src="acc_JPG/acc_noir_sport.jpg" width="200" height="200" border="0" /></a></div></td>
</tr>
<tr align="center" valign="middle">
<td height="200" width="200"><a href="publicite.html"><img src="acc_JPG/acc_noir_publicite.jpg" width="200" height="200" border="0" /></a></td>
<td height="200" width="200"><a href="history.html"><img src="acc_JPG/acc_noir_history.jpg" width="200" height="200" border="0" /></a></td>
<td width="200" height="200" align="center" valign="middle"><div align="center"><a href="contact.html"><img src="acc_JPG/acc_noir_contact.jpg" width="200" height="200" border="0" /></a></div></td>
</tr>
</tbody></table>
<img src="Arabesque-2.jpg" width="427" height="600"/>

Reply

Marsh Posté le 10-07-2009 à 16:49:58

Reply

Marsh Posté le 10-07-2009 à 21:30:09

Salut, je veux faire une page internet, tu la fais pour moi ? Attention, ne m'explique rien, c'est pas la peine, je vais pas m'emmerder à apprendre le html.
Ton code est immonde.

Reply

Marsh Posté le 10-07-2009 à 22:14:26

Ne faites pas attention à 30% des intervenants viennent pour faire des critiques négatives au lieu de faire des critiques positives ou d'aider.

[:edhelas] Une solution (que j'ai testée) consiste à inclure la table dans une autre table :

<html>
<body>

<table noborder>
<tr>
<td>
<img src="Arabesque-3.jpg" width="427" height="600"/>
</td>
<td>

<table width="604" height="604" border="0" align="center" cellspacing="1" bgcolor="#FFFFFF">
<tbody><tr align="center" valign="middle">
<td height="200" width="200"><div align="center"><span class="Style2"><a href="au_fil_de_l_eau.htm"><img src="acc_JPG/acc_noir_au_fil_de_l_eau.jpg" width="200" height="200" border="0" /></a></span></div></td>
<td height="200" width="200"><div align="center"><a href="in.htm"><img src="acc_JPG/acc_noir_in.jpg" width="200" height="200" border="0" /></a></div></td>
<td width="200" height="200" align="center" valign="middle"><div align="center"><a href="a_contre_jour.htm"><img src="acc_JPG/acc_noir_a_contre_jour.jpg" width="200" height="200" border="0" /></a></div></td>
</tr>
<tr align="center" valign="middle">
<td height="200" width="200"><a href="spirit.html"><img src="acc_JPG/acc_noir_spirit.jpg" width="200" height="200" border="0" /></a></td>
<td bgcolor="#FFFFFF" height="200" width="200"><p> <strong>SenS'</strong></p>
<p><strong class="azer">Photographie</strong></p></td>
<td width="200" height="200" align="center" valign="middle"><div align="center"><a href="sport.htm"><img src="acc_JPG/acc_noir_sport.jpg" width="200" height="200" border="0" /></a></div></td>
</tr>
<tr align="center" valign="middle">
<td height="200" width="200"><a href="publicite.html"><img src="acc_JPG/acc_noir_publicite.jpg" width="200" height="200" border="0" /></a></td>
<td height="200" width="200"><a href="history.html"><img src="acc_JPG/acc_noir_history.jpg" width="200" height="200" border="0" /></a></td>
<td width="200" height="200" align="center" valign="middle"><div align="center"><a href="contact.html"><img src="acc_JPG/acc_noir_contact.jpg" width="200" height="200" border="0" /></a></div></td>
</tr>
</tbody></table>

</td>
<td>
<img src="Arabesque-2.jpg" width="427" height="600"/>
</td>
</tr>
</table>

</body>
</html>

Reply

Marsh Posté le 12-07-2009 à 00:52:35

[:jeebus] Oué sortir un code aussi pourri en 2009, faut oser.

Les générations futures qui liront ces lignes vont finir par croire qu'une cabale voulait la mort d'internet. Faire une soupe de balise pareille pour 8 liens et un titre.
[:prozac]

À l'arrache, la version CSS donne :

Code :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
                      "http://www.w3.org/TR/html4/loose.dtd"> 
 
<html> 
<head> 
  <style type="text/css"> 
  a img { border: 0; } 
  body { background: url(Arabesque-3.jpg) no-repeat 0 0; padding: 0 0 0 427px; margin: 0; } 
  #mainpage { background: transparent url(Arabesque-2.jpg) no-repeat 100% 0; width:600px; height: 600px; padding-right: 427px;} 
  p#title { display: block; float: left; width: 200px; height: 200px; text-align: center; margin: 0; } 
  p#title strong { margin-top: 70px; display: block; } 
  a { display: block; float: left; width: 200px; height: 200px; margin: 0; padding: 0; } 
  </style> 
</head> 
<body> 
<div id="mainpage"> 
  <a href="au_fil_de_l_eau.htm"><img src="acc_JPG/acc_noir_au_fil_de_l_eau.jpg" width="200" height="200"></a> 
  <a href="in.htm"><img src="acc_JPG/acc_noir_in.jpg" width="200" height="200"></a> 
  <a href="a_contre_jour.htm"><img src="acc_JPG/acc_noir_a_contre_jour.jpg" width="200" height="200"></a> 
  <a href="spirit.html"><img src="acc_JPG/acc_noir_spirit.jpg" width="200" height="200"></a> 
  <p id="title"><strong>SenS'<br>Photographie</strong></p> 
  <a href="sport.htm"><img src="acc_JPG/acc_noir_sport.jpg" width="200" height="200"></a> 
  <a href="publicite.html"><img src="acc_JPG/acc_noir_publicite.jpg" width="200" height="200"></a> 
  <a href="history.html"><img src="acc_JPG/acc_noir_history.jpg" width="200" height="200"></a> 
  <a href="contact.html"><img src="acc_JPG/acc_noir_contact.jpg" width="200" height="200"></a> 
</div> 
</body> 
</html>

Testé juste sur FF, parce que bon, tout le monde à l'air de s'en fouttre.

Message édité par tpierron le 12-07-2009 à 00:55:36

Reply

Marsh Posté le 12-07-2009 à 13:06:40

Excusez moi de ne pas avoir fait mes études dans la programmation informatique .... je fait avec les moyens du bord! Soit pas grand chose ...

En tout cas merci pour ceux qui ont bien voulu mettre des réponses!

Reply

Marsh Posté le 14-07-2009 à 17:33:32

En fait, ce qui m'a énervé, ce n'est pas le fait que tu soit nul en informatique, c'est le fait que tu précises :

Citation :

Je precise que je suis une bille en html ...

Ce qui signifie

Citation :

Me les brise pas avec tes leçons, je veux une solution

Message cité 1 fois

Reply

Marsh Posté le 15-07-2009 à 10:40:31

Pascal le nain a écrit :

En fait, ce qui m'a énervé, ce n'est pas le fait que tu soit nul en informatique, c'est le fait que tu précises :

Citation :

Je precise que je suis une bille en html ...

Ce qui signifie

Citation :

Me les brise pas avec tes leçons, je veux une solution

je te trouve un peu dur, ca peut aussi vouloir dire: "il faut m'expliquer lentement" [:spamafote]

Message édité par pataluc le 15-07-2009 à 10:41:04

Reply

Marsh Posté le 15-07-2009 à 17:47:48

Non. Même un noob ne dit pas ca. Il faut dire :

"Je débute mais j'ai une soif insatiable d'apprendre. J'ai déjà cherché ça, essayé ça."

Message édité par Pascal le nain le 15-07-2009 à 17:48:48

Reply

[html] coller une image a un tableau

Sujets relatifs:

Leave a Replay