Un tableau qui doit prendre toute la place

Version imprimable

12/04/2009, 23h08
arkandias

Un tableau qui doit prendre toute la place

Bonjour ! :D

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 !

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:

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>

13/04/2009, 13h27
arkandias

Oui c'était pour simplifier... Ok c'est pas tout à fait ce que je voulais mais je vais m'en sortir, merci !