la mise en page en html

**krapoulos** · 19/06/2006, 14h09

Bonjour,

j'ai un problème avec ma mise en page en html.

la mise en place des images logo - sous logo - et menu se font bien (alignés et sans espace).

les images gauchehaut et gauche bas droite se mettent les uns sous les autres avec un espace sous chaques images.

il doit y avoir une erreur ds mon script .

Code :

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
 
 
 
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans titre</title>
</head>
 
<body>
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0" bordercolor="#000000">
 
<!--	debut haut de page -->
              <?
include ("http://www.XXXXXX.com/template/logo.php");
include ("http://www.XXXXXX.com/template/souslogo.php");
include ("http://www.XXXXXX.com/template/menu.php");
              ?>
<!--	fin haut de page -->
 
 
<!--	debut milieu de page -->
 <tr>
    <td>
 
	<TABLE width="100%" border="0" bordercolor="#000000">
<TR>
 
 <!--	debut menu gauche -->
<TD width="28%" align="left" valign="top" border="0" bordercolor="#000000">
             <?
include ("http://www.XXXXXX.com/template/gauchehaut.php");
include ("http://www.XXXXXX.com/template/gauchebas.php");
              ?>
 </p>          
</TD>
<!--	fin menu gauche -->
 
<!--	debut page droite -->
 
<TD width="72%" align="center" valign="top" border="0" bordercolor="#000000">
<?
include ("http://www.XXXXXX.com/template/droite.php");
?>				
</TD>
<!--	fin page droite -->	
 
 
 
				</TR>
     </table>				
<!--	fin milieu de page -->
 
 
<!--	debut bas de page -->
  <?
include ("http://www.XXXXXX.com/template/bas.php");
  ?>
<!--	fin bas de page -->
 
 
</table>
</body>
</html>

voila

merci d'avance

**krapoulos** · 19/06/2006, 14h20

en gros j'ai cela avec mon script

et moi je desire avoir cela

merci et encore désolé

**krapoulos** · 19/06/2006, 14h37

voila le script complet en remplacant les includes.

merci

Code :

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
 
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans titre</title>
</head>
 
<body>
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0" bordercolor="#000000">
 
<!--	debut haut de page -->
                <tr>
    <th scope="col"><img src="http://www.XXX.com/template/images/1.jpg" width="800" height="89" /></th>
  </tr>  <tr>
    <th scope="col"><img src="http://www.XXX.com/template/images/2.jpg" width="800" height="104" /></th>
  </tr>  <tr>
    <th scope="col"><img src="http://www.XXX.com/template/images/3.jpg" width="800" height="90" /></th>
  </tr><!--	fin haut de page -->
 
 
<!--	debut milieu de page -->
 <tr>
    <td>
 
	<TABLE width="100%" border="0" bordercolor="#000000">
<TR>
 
 <!--	debut menu gauche -->
<TD width="28%" align="left" valign="top" border="0" bordercolor="#000000">
               <tr>
    <th scope="col"><img src="http://www.XXX.com/template/images/4.jpg" width="224" height="185" /></th>
  </tr>  <tr>
    <th scope="col"><img src="http://www.XXX.com/template/images/5.jpg" width="224" height="335" /></th>
  </tr> </p>          
</TD>
<!--	fin menu gauche -->
 
<!--	debut page droite -->
 
<TD width="72%" align="center" valign="top" border="0" bordercolor="#000000">
  <tr>
    <th scope="col"><img src="http://www.XXX.com/template/images/6.jpg" width="576" height="520" /></th>
  </tr>				
</TD>
<!--	fin page droite -->	
 
 
 
				</TR>
     </table>				
<!--	fin milieu de page -->
 
 
<!--	debut bas de page -->
    <tr>
    <th scope="col"><img src="http://www.XXX.com/template/images/7.jpg" width="800" height="35" /></th>
  </tr><!--	fin bas de page -->
 
 
</table>
</body>
</html>

**IdF-Socrateus** · 19/06/2006, 14h41

laisse tes include, on verra mieux la structure de la page !!!

avec les <table>, il faut utiliser rowspan="nb_de_lignes" et colspan="nb_colonnes", ça permet de rassembler plusieurs cellules de lignes ou de colonnes dans une seule cellule...

**krapoulos** · 19/06/2006, 14h46

Merci

mais je dois mettre en page des images - Et c les 3 images du millieu qui me pose probleme elles sont les unes sous les autres et moi je desire deux a gauche l'une sur l'autre et une a droite.

si qql à une soluce a mon probleme - je suis preneur -merci d'avance.

**IdF-Socrateus** · 19/06/2006, 14h52

des images, dans un tableau :
- 3 lignes (tr) en haut
- 2 lignes au milieu, avec 1 cellule pour les 2 lignes de droite
- 1 ligne en bas

=> crée tous tes <tr>
=> découpe selon le niveau max. de lignes et de colonnes
- 6 lignes, 2 colonnes
=> puis tu 'recolles' avec les ...span :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 
<table>
<tr><td colspan="2"></td></tr>
<tr><td colspan="2"></td></tr>
<tr><td colspan="2"></td></tr>
 
<tr><td></td><td rowspan="2"></td></tr>
<tr><td></td>   [pas de td ici puisqu'il est dans le span au-dessus !] </tr>
 
<tr><td colspan="2"></td></tr>
</table>

là c'est bon !

la mise en page en html

HTML

Discussions similaires

Partager

Partager