IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

HTML Discussion :

Un tableau qui doit prendre toute la place


Sujet :

HTML

  1. #1
    Membre éclairé Avatar de arkandias
    Profil pro
    Inscrit en
    Mai 2007
    Messages
    102
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2007
    Messages : 102
    Par défaut Un tableau qui doit prendre toute la place
    Bonjour !

    J'ai une question HTML, ou peut-être CSS, tout dépend de ce que vous allez me proposer.

    J'ai une page HTML simple :

    http://arkandias.free.fr/test3-9.htm

    J'ai mis les bordures pour que ca soit clair, normalement elles n'y sont pas.

    Bon ca c'est ma page : en gros, dans le cadre au centre il y a les trucs importants et à gauche une petite agrémentation composée de deux parties : une partie constante (l'image avec des runes), et une partie qui se répète en fait sur toute la longueur de la page...

    Enfin j'aimerais bien qu'elle se répète en fait car jusque là je n'ai pas réussi...

    En gardant tel quel le format de la page, est-ce qu'il y a moyen de faire apparaitre à gauche mon image constante puis l'image variable qui se répète ?

    Merci de votre aide !

  2. #2
    Rédacteur
    Avatar de Macmillenium
    Homme Profil pro
    Développeur front-end
    Inscrit en
    Mars 2008
    Messages
    2 333
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur front-end
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : Mars 2008
    Messages : 2 333
    Par défaut
    Bonsoir,

    Es-tu conscient(e) que les tableaux sont faits pour afficher des données tabulaires et non pas pour gérer une mise en page comme tu le fais ?
    Par ailleurs, ton document HTML est incomplet, il ne faut jamais négliger le Doctype même pour des testes basiques.

    Pour revenir à ton problème, tu peux simplement faire répéter ton background sur le <td> conteneur de <table> :

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
     
    <!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" dir="ltr" lang="fr">
    <head>
    	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
    </head>
     
    <html>
    <body>
    <table width="1000" cellspacing="0" cellpadding="0"  align="center">
      <tr> 
        <td width="100" valign="top" style="background:url(http://arkandias.free.fr/templates/Chronicles/images/des_gauche2.png) repeat-y">
     
    	<table height="100%" cellpadding="0" cellspacing="0">
            <tr> 
              <td height="268">
    			<img src="http://arkandias.free.fr/templates/Chronicles/images/des_gauche1.png" width="100" height="268">
    		  </td>
     
            </tr>
     
          </table>
    	   </td>
        <td width="800" class="bodyline"><p>gfgdfgfgfd</p>
          <p>&nbsp;</p>
     
          <p>&nbsp;</p>
          <p>&nbsp;</p>
          <p>&nbsp;</p>
          <p>&nbsp;</p>
          <p>&nbsp;</p>
          <p>&nbsp;</p>
          <p>&nbsp;</p>
          <p>&nbsp;</p>
          <p>gfgdfgfgfd</p>
     
          <p>&nbsp;</p>
          <p>&nbsp;</p>
          <p>&nbsp;</p>
          <p>&nbsp;</p>
          <p>&nbsp;</p>
          <p>&nbsp;</p>
          <p>&nbsp;</p>
          <p>&nbsp;</p>
          <p>&nbsp;</p>
     
          <p>&nbsp;</p>
          <p>&nbsp;</p>
          <p>gfgdfgfgfd</p>
          <p>&nbsp;</p>
          <p>&nbsp;</p>
          <p>&nbsp;</p>
          <p>&nbsp;</p>
          <p>&nbsp;</p>
     
          <p>&nbsp;</p>
          <p>&nbsp;</p>
          <p>&nbsp;</p>
          <p>&nbsp;</p>
          <p>&nbsp;</p>
          <p>&nbsp;</p>
          <p>gfgdfgfgfd</p></td>
      </tr>
     
    </table>
    </body>
    </html>

  3. #3
    Membre éclairé Avatar de arkandias
    Profil pro
    Inscrit en
    Mai 2007
    Messages
    102
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2007
    Messages : 102
    Par défaut
    Oui c'était pour simplifier... Ok c'est pas tout à fait ce que je voulais mais je vais m'en sortir, merci !

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Entête de tableau qui doit rester afficher quand on défile la page
    Par xouzi dans le forum Balisage (X)HTML et validation W3C
    Réponses: 9
    Dernier message: 01/08/2011, 22h26
  2. Réponses: 4
    Dernier message: 18/07/2008, 14h19
  3. un div qui doit occupe tout le reste d'espace
    Par rinuom99 dans le forum Mise en page CSS
    Réponses: 6
    Dernier message: 16/07/2008, 14h24
  4. choisir un element d'un tableau qui doit verifier certains paramétres
    Par jeanboudi dans le forum Macros et VBA Excel
    Réponses: 4
    Dernier message: 20/04/2008, 20h39
  5. [Swt]Prendre toute la place du Widget Parent ?
    Par kedare dans le forum SWT/JFace
    Réponses: 2
    Dernier message: 17/03/2006, 15h45

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo