Contenu dans des tables avec image
koaster
-
dreamfeeder Messages postés 253 Statut Membre -
dreamfeeder Messages postés 253 Statut Membre -
Bonjour, j'ai créer mon template avec photoshop, utiliser l'outil tranche et tout sauvegarder. Je me retrouve dans dreamweaver avec mon template. Jusque là pas de problème, se que je veux faire maintenant c'est mettre du contenu dans ces tables ( donc ecrire du texte/ de contenu au dessus de mes images )
Je ne veux pas utiliser les iframe vue que c'est pas le top pour le référencement d'après se que j'ai lu.
voici le code de ma page pour le moment:
<!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>
<title>template2</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body bgcolor="#FFFFFF">
<!-- ImageReady Slices (template2.psd) -->
<table id="Tableau_01" width="801" border="0" cellpadding="0" cellspacing="0">
<tr>
<td rowspan="8">
<img id="index_01" src="images/index_01.jpg" width="20" height="1200" alt="" /></td>
<td rowspan="6">
<img id="index_02" src="images/index_02.jpg" width="5" height="507" alt="" /></td>
<td colspan="3">
<img id="index_03" src="images/index_03.jpg" width="748" height="143" alt="" /></td>
<td rowspan="7">
<img id="index_04" src="images/index_04.jpg" width="27" height="1145" alt="" /></td>
<td>
<img src="images/spacer.gif" width="1" height="143" alt="" /></td>
</tr>
<tr>
<td colspan="3">
<img id="index_05" src="images/index_05.jpg" width="748" height="35" alt="" /></td>
<td>
<img src="images/spacer.gif" width="1" height="35" alt="" /></td>
</tr>
<tr>
<td rowspan="4">
<img id="index_06" src="images/index_06.jpg" width="14" height="329" alt="" /></td>
<td colspan="2">
<img id="index_07" src="images/index_07.jpg" width="734" height="7" alt="" /></td>
<td>
<img src="images/spacer.gif" width="1" height="7" alt="" /></td>
</tr>
<tr>
<td>
<img id="index_08" src="images/index_08.jpg" width="168" height="47" alt="" /></td>
<td rowspan="4">
<img src="images/index_09.jpg" alt="" name="index_09" width="566" height="960" id="index_09" /></td>
<td>
<img src="images/spacer.gif" width="1" height="47" alt="" /></td>
</tr>
<tr>
<td>
<img id="index_10" src="images/index_10.jpg" width="168" height="148" alt="" /></td>
<td>
<img src="images/spacer.gif" width="1" height="148" alt="" /></td>
</tr>
<tr>
<td>
<img id="index_11" src="images/index_11.jpg" width="168" height="127" alt="" /></td>
<td>
<img src="images/spacer.gif" width="1" height="127" alt="" /></td>
</tr>
<tr>
<td colspan="3" rowspan="2">
<img id="index_12" src="images/index_12.jpg" width="187" height="693" alt="" /></td>
<td>
<img src="images/spacer.gif" width="1" height="638" alt="" /></td>
</tr>
<tr>
<td colspan="2">
<img id="index_13" src="images/index_13.jpg" width="593" height="55" alt="" /></td>
<td>
<img src="images/spacer.gif" width="1" height="55" alt="" /></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
Cordialement.
Nicolas.
Je ne veux pas utiliser les iframe vue que c'est pas le top pour le référencement d'après se que j'ai lu.
voici le code de ma page pour le moment:
<!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>
<title>template2</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body bgcolor="#FFFFFF">
<!-- ImageReady Slices (template2.psd) -->
<table id="Tableau_01" width="801" border="0" cellpadding="0" cellspacing="0">
<tr>
<td rowspan="8">
<img id="index_01" src="images/index_01.jpg" width="20" height="1200" alt="" /></td>
<td rowspan="6">
<img id="index_02" src="images/index_02.jpg" width="5" height="507" alt="" /></td>
<td colspan="3">
<img id="index_03" src="images/index_03.jpg" width="748" height="143" alt="" /></td>
<td rowspan="7">
<img id="index_04" src="images/index_04.jpg" width="27" height="1145" alt="" /></td>
<td>
<img src="images/spacer.gif" width="1" height="143" alt="" /></td>
</tr>
<tr>
<td colspan="3">
<img id="index_05" src="images/index_05.jpg" width="748" height="35" alt="" /></td>
<td>
<img src="images/spacer.gif" width="1" height="35" alt="" /></td>
</tr>
<tr>
<td rowspan="4">
<img id="index_06" src="images/index_06.jpg" width="14" height="329" alt="" /></td>
<td colspan="2">
<img id="index_07" src="images/index_07.jpg" width="734" height="7" alt="" /></td>
<td>
<img src="images/spacer.gif" width="1" height="7" alt="" /></td>
</tr>
<tr>
<td>
<img id="index_08" src="images/index_08.jpg" width="168" height="47" alt="" /></td>
<td rowspan="4">
<img src="images/index_09.jpg" alt="" name="index_09" width="566" height="960" id="index_09" /></td>
<td>
<img src="images/spacer.gif" width="1" height="47" alt="" /></td>
</tr>
<tr>
<td>
<img id="index_10" src="images/index_10.jpg" width="168" height="148" alt="" /></td>
<td>
<img src="images/spacer.gif" width="1" height="148" alt="" /></td>
</tr>
<tr>
<td>
<img id="index_11" src="images/index_11.jpg" width="168" height="127" alt="" /></td>
<td>
<img src="images/spacer.gif" width="1" height="127" alt="" /></td>
</tr>
<tr>
<td colspan="3" rowspan="2">
<img id="index_12" src="images/index_12.jpg" width="187" height="693" alt="" /></td>
<td>
<img src="images/spacer.gif" width="1" height="638" alt="" /></td>
</tr>
<tr>
<td colspan="2">
<img id="index_13" src="images/index_13.jpg" width="593" height="55" alt="" /></td>
<td>
<img src="images/spacer.gif" width="1" height="55" alt="" /></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
Cordialement.
Nicolas.
A voir également:
- Contenu dans des tables avec image
- Table des matières word - Guide
- Image iso - Guide
- Reduire taille image - Guide
- Légende image word - Guide
- Fusionner deux cellules excel en gardant le contenu - Guide
1 réponse
bonjour,
au lieu d'inserer une balise <img> a l'interieur de tes cellules (<td></td>) ou tu veut mettre du texte,
place plutot tes images en fond de cellule:
<td style="width:566;height:960;background-image:url(images/index_08.jpg)">"ton texte"</td>
pense bien a rajouter l'attribut rowspan si la cellule concerné en contient un et a bien respecter les taille des cellules.
ainsi ton image etant en fond ton texte se retrouvera au dessus.
sinon ils doit forcement y'avoir un moyen de rajouter une image de fond sur une cellule avec dreamweaver donc si tu veux pas modifier ton code html à la main, supprime les images et met les en fond en respectant les dimension.
cordialement, dreamfeeder.
au lieu d'inserer une balise <img> a l'interieur de tes cellules (<td></td>) ou tu veut mettre du texte,
place plutot tes images en fond de cellule:
<td style="width:566;height:960;background-image:url(images/index_08.jpg)">"ton texte"</td>
pense bien a rajouter l'attribut rowspan si la cellule concerné en contient un et a bien respecter les taille des cellules.
ainsi ton image etant en fond ton texte se retrouvera au dessus.
sinon ils doit forcement y'avoir un moyen de rajouter une image de fond sur une cellule avec dreamweaver donc si tu veux pas modifier ton code html à la main, supprime les images et met les en fond en respectant les dimension.
cordialement, dreamfeeder.
