[html] coller une image a un tableau

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [html] coller une image a un tableau

sensitiveshooter

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"/>

Publicité

Pascal le nain

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.

billgatesanonym

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>

tpierron

[: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

sensitiveshooter

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!

Pascal le nain

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

pataluc

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

Pascal le nain

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

FORUM HardWare.fr

Programmation

HTML/CSS

[html] coller une image a un tableau

Sujets relatifs
quel façon coder ce template épuré en CSS et html ?	Macro excel 2007 remplir tableau recap
Ecrire une page html en vbs	[C#] Convertir caractères spéciaux HTML
Tableau de commande sql a interpreter	Matlab enregistrer image imtool avec contraste
Formulaire HTML & JS : un bouton pour changer tous les radios	PHP : Comparer valeur d'un tableau
[JavaScript] Cacher une ligne d'un tableau avec une hauteur à 0	SQL Tableau analyse croisée sur une année glissante
Plus de sujets relatifs à : [html] coller une image a un tableau

Page générée en 0.043 secondes