5568 sujets

Sémantique web et HTML

Comment mettre ce bloc en Xhtml

Bonjour à tous,

Je suis entrain d'essayer de convertir un design que j'ai découpé en Xhtlm.

J'ai presque fini, mais là je n'arrive pas à coder ce block.
Une image vaut mieux qu'un long discours, alors voici :
http://cssource.free.fr/decoupe.jpg
Les traits noirs correspondent aux découpes.

Quelqu'un pourrait m'indiquer quelle structure de div utiliser pour sa ?

Merci !
Bonjour et bienvenue yotsumi,

Une image c'est bien, mais un code ou une page en ligne de ce que tu souhaites réaliser serait mieux, ainsi que d'autres précisions, qu'elle est la nature du texte en question, un titre?, un élément de liste ? etc. Ton texte est-il destiné à demeurer purement graphique ?

Sans autre précision pas facile de t'aider Smiley cligne
C'est vrai que je suis allez un peu vite pour écrire ce message, je vas vous donner plus de précision.

Déjà, voici le design que je fais passer en Xhtml ( je sais il est pas beau, mais c'est juste pour m'entrainer à la découpe xhtml ) > JPG < et > HTML <.

La partie que j'essai de mettre en forme est le petit block en haut à droite avec écris MENU en gros.

Pour le moment, il est coder en HTLM sous cette forme :
<table  width="208" border="0" cellpadding="0" cellspacing="0">
    		  <tr>
       			 <td rowspan="3"><img src="images/titre_menu_gauche.gif" width="14" height="68" alt="" /></td>
       			 <td><img src="images/titre_menu_haut.gif" width="180" height="10" alt="" /></td>
       			 <td rowspan="3"><img src="images/titre_menu_droite.gif" width="14" height="68" alt="" /></td>
     		 </tr>
      		 <tr>
       			 <td height="48" class="titremenu">MENU</td>
    		  </tr>
      		 <tr>
        	     <td><img src="images/titre_menu_bas.gif" width="180" height="10" alt="" /></td>
      		 </tr>
           </table>


Je viens d'apprendre que l'on pouvais laisser les table/td en Xhtml, mais on ma dit que c'étais mieux de coder en Div ou autre balises blocks, mais je ne vois pas comment faire.

Merci de votre aide.
Principe : Tu définis (dans ta tête) les différentes zones de ta page.
Ici, ça donnerait quelque chose comme menu (titre + contenu), bandeau de texte (la petite barre fine), zone de texte principal.

Une zone sera un élément (un div ou autre chose). Donc, tu dois d'abord faire le contenu de ta page, sans mise en forme : je te préviens, ça n'est en général pas beau, puis tu dois définir les styles à appliquer à la page et aux différents éléments.
Va faire un tour sur la zone "Tutoriels"
Pour la mise en page globale, je me débrouille. Le probleme c'est pour régler ce petit block qui se trouve dans le menu gauche, mais sa n'a pas d'importance.

Il a une mise en forme particulière :
- 1° colone : Les 3 lignes sont fusionnés
- 2° colonne : 3 lignes différentes
- 3° colone : Les 3 lignes sont fusionnés

=> Je ne vois pas comment recréer cette architecture avec des div.
( Pour ce block, les dimensions sont fixes ).
yotsumi a écrit :
Je viens d'apprendre que l'on pouvais laisser les table/td en Xhtml, mais on ma dit que c'étais mieux de coder en Div ou autre balises blocks, mais je ne vois pas comment faire.


Ne pas confondre mise en page sans tableaux et xhtml, tu peux très bien réaliser une mise page "tableless" avec html, c'est même souhaitable, le placement des éléments de ta page ainsi que la décoration étant confiés à une feuille de style.
Pour apprendre: Tutoriels
Modifié le 04 Feb 2005 - 12:19
OK, en clair je peux laisser les tableaux mais en mettant leur décoration dans les css, je ferais comme ça, sa sera plus simple.

Sinon, est ce que vous pouvez me donner quelques sites codés en Xhtlm svp ? C 'est pour étudier un peu leur code source. ( je ne connais que vossey.com)

Merci Smiley smile
Sujet clos
Aller à