Problème de mise en page HTML

**Deallyra** · 15/05/2007, 11h43

Bonjour,

J'ai un problème assez peu commun à mon égard avec une bête mise en page.
Je n'arrive pas à faire tenir ma page dans la fenêtre (il reste l'ascenseur habituel à droite de l'écran alors que j'ai mit ma table principale en 100%) et... mes images jouent au yoyo...
Elles s'agrandissent, rapetissent... Du moins...Les images du menu. J'ai gagné un contour rouge sur trois de mes cinq boutons de menu...
Bref, c'est pas la joie et je n'arrive pas à le débugger...

C'est ma page V_page_haut.php

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
66
67
68
69
70
71
72
73
74
75
76
77
78
79
 
<html>
	<head> <!-- Début En-tête-->
		<title>Site sur lequel je travaille		</title>
		<link rel = "stylesheet" type = "text/css" href = "Style/Feuille_De_Style.css"/> <!--Appel de la feuille de style-->
		<meta http-equiv = "content-type" content = "text/html; charset=ISO-8559-1"/> <!--Rendre de manière lisible toute les caractères accentués et spéciaux-->
	</head> <!-- Fin En-tête-->
	<body> <!-- Début Corps de la page-->
		<table class = "table_global" cellspacing = "0" cellpadding = "0">
			<tr class = "tr_logo">
			    <img src = "Logo2.GIF" alt = "logo" />
				<!--Placer l'image-->
			</tr>
			<tr class = "tr_defilant" rowspan = 2> <!-- Début du script permettant de faire défiler un texte-->
				<marquee class = "txt_defilant" behavior = "scroll" direction = "left" scrollamount = "4" scrolldelay = "0" onmouseover = "this.stop()" onmouseout = "this.start()">
					<font size = "2">
						<strong>
							<em>
								Bienvenue
							</em>
						</strong>
						<font color = "#0000CD">
							<strong>
								<?php /* Début de lecture de fichier*/
                                                                        $fichier = "test_news.txt"; 
                                                                        $tab = file($fichier); 
                                                                        for( $i = 0 ; $i < count($tab) ; $i++ )
                                                                        {
                                                                                echo
                                                                                        $tab[$i]
                                                                                ;
                                                                        }
                                                                ?> <!--Fin de lecture du fichier-->
							</strong>
						</font>
					</font>
				</marquee>
			</tr> <!-- Fin du script permettant de faire défiler un texte-->
			<tr> 
			    <td width="200" valign="top"> 
					<table class = "table_menu">
						<tr> 
							<td>
								<a href="V_Menu.php">
									<img class = "image_menu" src="fr_menu.gif" alt = "menu1" />
								</a>
							</td>
						</tr>
						<tr> 
							<td>
								<a href="V_Menu.php">
									<img class = "image_menu" src="fr_menu.gif" alt = "menu2" />
								</a>
							</td>
						</tr>
						<tr> 
							<td>
								<a href="V_Menu.php">
									<img class = "image_menu" src="fr_salarie.gif" alt = "menu3" />
								</a>
							</td>
						</tr>
						<tr> 
							<td>
								<a href="V_Formation.php">
									<img class = "image_menu" src="fr_formation.gif" alt = "menu4" />
								</a>
							</td>
						</tr>
						<tr> 
							<td>
								<a href="V_Menu.php">
									<img class = "image_menu" src="fr_menu.gif" alt = "menu5" />
								</a>
							</td>
						</tr>
					</table>
			    </td>
				<td>

Je ne vous donne pas le code du bas de la feuille puisque ça ne change en rien mon problème.
Voici les images et ma feuille de style.
Pièce jointe 13512
Pièce jointe 13510
Pièce jointe 13511

**FraK** · 15/05/2007, 13h50

Le mieux pour ne pas avoir de scroll sur ton site, c'est de t'adapter à l'utilisateur
La majorité des resolutions restent encore 1024*768
Donc pour ne pas avoir de problèmes avec les dimensions de ton site, tu peux enlever 200 px pour la largeur, voir meme 100, mais la hauteur doit tourner autour de 500 - 550px
en fonction de ca, tu traces ton design, tu poses tes tableaux avec ton éditeur html que tu dimmensionnes également pour coller avec les tranches de ton design, et à chaque cadre de ton tableau, tu inserts ton image.

**Deallyra** · 15/05/2007, 14h00

Mon éditeur c'est Notepad++

Merci mais... Mes images de menu gagnent toujours en largeur avec IE et en espace entre elles avec Firefox...
Bon avec Firefox c'est presque une fois sur 30 mais c'est quand même là...

**FraK** · 15/05/2007, 14h48

c'est que tu dois pas bien dimensionner tes cadres
normalement si tu les tailles aux dimensions de tes images y a pas de soucis
dreamweaver a même une option qui fait en sorte de te pondre la page html directement a partir de l'image globale, donc plus besoin de faire tes cadres et autres.