Comment décoller mon tableau de mon menu

**gaya102** · 31/08/2009, 16h40

Bonjour
en fait je n'arrive pas a décoller mon tableau de mon menu

Je lui demande d'être plus bas, c'est sans problème.mais il reste toute le temps sur la droite. Sous ie6 il m'a complètement decaller mon menu sur la gauche.
Je suis encore débutante et ne sais pas trop pourquoi ca fais ca ni comment y remédier.

code de la page

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
80
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
   <head>
       <title>le monde de gaya et ses faire part</title>
       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	   <meta name="Description" content="Vos faire-part de naissance, mariage, remerciements, stickers et tableaux personnalisés qui vous correspondent le mieux ... Aide pour vos événements : mariage/pacs, communion, anniversaire ...">
	<meta name="keywords" content="faire, part, parts, faire-parts, faireparts, faire part, fairepart, mariage, deuil, deces, remerciement, union, naissance, fete, bebe, marie, ligne, en-ligne, online, original, artisanal, bapteme, papier, rare, unique, maries, creation, main, qualite, travail, soigne, soin, passion, invite, invitation, jubile, menu, remerciement, livre d'or" /><meta name="Robots" content="All">
<meta name="author" content="Thaon Sandrine">
<meta name="revisit-after" content="5 days">
 
<base href="http://www.lemondedegaya.fr">
		<link rel="stylesheet" href="menu4.css" type="text/css" media="screen"/>
	    <link rel="stylesheet" media="screen" type="text/css" title="Exemple" href="page.css" />
 
		 <!--[if IE]>
      <link rel="stylesheet" type="text/css" href="ie.css" />
      <![endif]-->
 
		<script type="text/javascript">
		sfHover = function() {
		var sfEls = document.getElementById("menu").getElementsByTagName("LI");
		for (var i=0; i<sfEls.length; i++) {
			sfEls[i].onmouseover=function() {
				this.className+="sfhover";
			}
			sfEls[i].onmouseout=function() {
				this.className=this.className.replace(new RegExp("sfhover\\b"), "");
			}
		}
		}
		if (window.attachEvent) window.attachEvent("onload", sfHover);
		</script>
 
 
</head>
 
   <body>
 
 
       <div id="unite">      
 
<div id="titre">   
 
 Le monde de Gaya
 
 </div>  
 <div id="texte">   
 
 Faire-part de mariage originaux et  personnalisés.   <br>
 
 </div>  
 
           <div id="menubas">
          <?php
include("menu4.php");
?> 
<br>
 
           </div>
 
			<div>
 
			<table id="contenu">
   <tr>
       <td>1 ere célule</td>
       <td>2ème célule</td>
 
   </tr>
 
</table>
 
 
 
 
 
			</div>		  
       </div>        
   </body>
</html>

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
80
81
82
83
84
85
86
87
body {
	background-color: #f7d8fc;
	font-family:Comic Sans MS, Times New Roman, Times, serif;
	font-style: italic;
}
 
img {
	border:0;
	vertical-align:middle;
}
 
a {
	color: #b04cbf;
	font-family:Comic Sans MS, Times New Roman, Times, serif;
 
	font-size: 17px;
	text-decoration: none;
	text-align: center;
} 
 
a:hover {
    color: #e365f6;
	font-family:Comic Sans MS, Times New Roman, Times, serif;
 
	font-size: 17px;
	text-decoration: none;
	text-align: center;
}
 
#unite {
	position:absolute;
	left:50%;
	margin-left:-490px;
	width: 980px;
	top:50%;
	margin-top:-271px;
	height: 542px;
	background-image : url("images/fond_page.jpg");
	background-repeat: no-repeat;
	border :2px solid black;
}
 
#titre{
    color: #b04cbf;
	font-family: Comic Sans MS, Times New Roman, Times, serif;
 
	font-size: 36px;
	text-decoration: none;
	text-align: center;
	position:absolute;
	top: 5px;
	left : 205px;
}
 
#texte{
    color: #7890d2;
	font-family: Comic Sans MS, Times New Roman, Times, serif;
 
	font-size: 17px;
	text-decoration: none;
	text-align: right;
	position:absolute;
	top: 65px;
	left: 585px;
 
 
}
 
#menubas {
	 margin-top: 108px;
	 float:right;
	 padding-right: 5px;
}
 
#contenu {
position: relative;
top: 200px;
vertical-align:middle;
border-collapse:separate;
}
 
td /* Toutes les cellules des tableaux... */
{
text-align: center; /* Tous les textes des cellules seront centrés*/
   padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
   border: 1px solid black; /* ... auront une bordure de 1px */
}

http://www.lemondedegaya.fr/mariage4.php

merci par avance de votre aide

**gaya102** · 31/08/2009, 17h11

En fait je viens d'enlever mon menu qui ne marché pas et du coup j'ai plus de problème avec mon tableau

Mais bon comme j'ai besoin de mon menu... snif

Quel est la raison de se bug?
merci d'avance

**Damouille** · 31/08/2009, 18h03

Bonjour,
Chez moi j'ai:

Dans le code que tu as fourni: le tableau colle a gauche
Dans le site en ligne: le tableau sort du container a droite

Dans les 2 cas, il n'est pas colle au menu.

Que ceux tu faire exactement?

ps: en xhtml il faut fermer les balises <br />

**gaya102** · 31/08/2009, 18h20

Dans le code que tu as fourni: le tableau colle a gauche

oups en fait c'est à droite sous IE6 et ça sort sous firefox

en fait je pense que je devrai plutôt utiliser le mot dissocié. Je n'arrive pas à le mettre à gauche comme la

http://www.lemondedegaya.fr/mariage.php

en fait sur cette page j'ai enlevé le menu et tout vas bien
Donc je me dit qu'il faut que j'arrange mon menu qui plante (sous menu sous IE6 qui sont absent)

pour la balise br je faisais un test mais ça change rien

Je sais pas si ce que j'explique est très très clair en fait

**Damouille** · 31/08/2009, 20h37

Quand je regarde ta page en ligne j'ai a la fois le menu et le tableau a gauche. Donc soit tu as trouve la solution soit je comprend rien.

Pour les balises a fermer, ca resoudra pas ton bug. Mais, tu declares du xhtml dans ton doctype. En xhtml, toutes les balises doivent etre fermee. Tu ne pourras pas valider ton site aux normes w3c(validator), ce qui est dommage.

**gaya102** · 31/08/2009, 22h26

Tu as tout a fait raison en fait j'ai réussi à ce qu'il prenne la largeur de ma page. mais du coup j'ai quand même toujours mon menu tout à fait à gauche.

pour ce qui est de la balise xhtml je suis vraiment désolé je débute et j'avoue que j'ai repompé ca d'un autre site. je compté m'y penché au moment du référencement

Comment décoller mon tableau de mon menu

Tableau en CSS

Vue hybride

Discussions similaires

Partager

Partager