La communauté ALL HTML c'est 58032 membres à ce jour dont 2 inscrits aujourd'hui et 31 depuis une semaine.

  • imprimer
  • aide

Forum de discussions « XHTML - HTML - CSS »

Retrouvez les publications relatives à ces discussions dans nos rubriques CSS, HTML, XHTML.

contenu dans les tables avec images....

liste des forums liste des discussions Participer à la discussion

Photo de koaster Message publié le dimanche 27 avril 2008 à 02 h 36 par koaster.
Bonjour, j'ai créer mon template sous photoshop, j'ai utiliser l'outil tranche, tout exporter , bref dans dream pas de problème. Je me retrouve donc avec des tables, comment puis-je faire pour inserer du contenue/ texte dans ces table, je ne veux pas utiliser de iframe car j'ai lu que se n'était pas correct pour un bon référencement.

Pouvez vous m'aider? voici mon code source 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 id="index_09" src="images/index_09.jpg" width="566" height="960" alt="" /></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.
Photo de boulaneige Message publié le dimanche 27 avril 2008 à 14 h 45 par boulaneige. modérateur Le mauvais goût a son droit autant que le bon goût [Friedrich Nietzsche] - http://www.boulaneige.com
Salut,

Si toutes ces images sont la décoration, il faut les mettre en background.
Photo de koaster Message publié le dimanche 27 avril 2008 à 21 h 31 par koaster.
ok mais sa change rien pour le référencement de tout mélanger ainsi?
Photo de boulaneige Message publié le dimanche 27 avril 2008 à 21 h 44 par boulaneige. modérateur Le mauvais goût a son droit autant que le bon goût [Friedrich Nietzsche] - http://www.boulaneige.com
Quel rapport entre images de décoration et référencement ? O_o
Photo de koaster Message publié le lundi 28 avril 2008 à 00 h 07 par koaster.
Non je demande car c'est juste une question de propreté dans le code. je ne sais pas si les robots google prennent compte de celà ( table ect )

On ma dit de séparé le design du contenu pour plus de clarté dans le code, mais à partir du code que j'ai actuellement je ne sais pas comment transformer cela en feuille de style CSS.
Photo de boulaneige Message publié le mardi 29 avril 2008 à 02 h 10 par boulaneige. modérateur Le mauvais goût a son droit autant que le bon goût [Friedrich Nietzsche] - http://www.boulaneige.com
Aucun problème de mettre les images de décoration en background, bien au contraire même.

Le fait de séparer la forme du fond n'est pas qu'une question de clarté du code, cela permet avant tout une grande souplesse dans la maintenance et les évolutions.

En ce qui concerne la "propreté" du code... Ce n'est pas en laissant Photoshop générer ton (x)html que tu auras de bons résultats. En même temps, ce n'est pas sa spécialité.

Si tu te soucies du référencement, il va te falloir bosser la sémantique. Quant aux CSS, les "fonctions" de base sont simples à assimiler.

Que ce soit pour le (x)html et les CSS, un excellent site pour se familiariser et comprendre : http://www.siteduzero.com/tuto-3-6-0-apprenez-a-creer-votre-site-web.html

Ca vaut vraiment le coup d'apprendre les bases, c'est un gain de temps pour le futur, et au moins tu pourras comprendre et maîtriser le code généré par un logiciel, quel qu'il soit.

Bonne continuation
Photo de boulaneige Message publié le mardi 29 avril 2008 à 02 h 14 par boulaneige. modérateur Le mauvais goût a son droit autant que le bon goût [Friedrich Nietzsche] - http://www.boulaneige.com
Je viens de regarder plus attentivement ton tableau... Je ne m'y retrouve pas !

Tous ces rowspan, colspan et spacer... Si tu peux mettre ta maquette en ligne, y'a surement moyen de simplifier la découpe de ton design.

liste des forums liste des discussions Participer à la discussion

Vous devez obligatoirement vous identifier en tant que membre pour participer à cette discussion.

ACCÉS COMMUNAUTÉ

Mot de passe perdu

Rejoignez ALL HTML

Publiez vos articles, actualités, communiqués ... Donnez votre avis, partagez votre réseau, rencontrez d'autres membres et participez à la vie de la communauté.

Créer un compte

Les 5 dernières discussions

agenda