Sujet Précédent Sujet Suivant

Contenu dans des tables avec image

Fermé
koaster - 27 avril 2008 à 01:23
dreamfeeder Messages postés 253 Date d'inscription samedi 24 novembre 2007 Statut Membre Dernière intervention 25 juillet 2009 - 27 avril 2008 à 02:27
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.
A voir également:

1 réponse

Réponse 1 / 1
dreamfeeder Messages postés 253 Date d'inscription samedi 24 novembre 2007 Statut Membre Dernière intervention 25 juillet 2009 54
27 avril 2008 à 02:27
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.
0

Discussions similaires

Retrouver l'image originale après avoir fait des modifications ?
Raven -
bonjou -

9 réponses
Table des matières dont les titres n'apparaissent pas..
Synua -
ggg -

10 réponses
code couleur associé a une image
magic charly -
pandora -

9 réponses
Liste des tables d'une bdd oracle
Titelle -
bernie_liege -

17 réponses
Comment enlever le rouge sur la photo svp ?
lucas0909 -
bazfile -

11 réponses