souci de css

**clementphp** · 15/07/2006, 19h59

Bonjour, j'ai un souci j'ai créé mon design, mon menu(en php mes peut importe)

mon css :

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
.haut {
background-image: url(metal/haut.gif);
width: 694px;
height: 150px;
}
.menu {
background-image:url(metal/menu.gif);
width: 150px;
height: 270px;
}
.corps {
float: left;
background-image: url(metal/corps.gif);
width: 519px;
height: 270px;
}
.menu, .corps{
float: left;
}
.crlf{
visibility: hidden;
clear: both;
}

Mon index :

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
<!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>
<link href="style/metal.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="haut">
</div>
<div class="menu">
<?php require "menu.php"; ?>
</div>
<div class="corps">
</div>
</body>
</html>

et pour finir mon menu :

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
88
89
90
91
<div class="titre_menu"><a href="index.php?navigation"/>Navigation</a></div>
	<div class="menu">
		<ul>
<?php		if (isset($_GET['navigation']))
			{ ?>
			<li><a href="index.php"/>Accueil</a></li>
			<li><a href="forum.php"/>Forum</a></li>
			<li><a href="tchat.php"/>Tchat</a></li>
<?php		} ?>
		</ul>
	</div>
 
<div class="titre_menu"><a href="index.php?membres"/>Espace Membre</a></div>
	<div class="menu">
		<ul>
<?php		if (isset($_GET['membres']))
			{ ?>
			<li><a href="authentification.php"/>Se connecter</a></li>
			<li><a href="livredor.php"/>Livre d'or</a></li>
<?php		} ?>
		</ul>
	</div>
 
<div class="titre_menu"><a href="index.php?graphiques"/>Graphiques</a></div>
	<div class="menu">
		<ul>
<?php		if (isset($_GET['graphiques']))
			{ ?>
			<li><a href="index.php"/>Design</a></li>
			<li><a href="index.php"/>Tutos</a></li>
<?php		} ?>
		</ul>
	</div>
 
<div class="titre_menu"><a href="index.php?langages"/>Langage web</a></div>
	<div class="menu">
		<ul>
<?php		if (isset($_GET['langages']))
			{ ?>
			<li><a href="index.php"/>Tutos</a></li>
			<li><a href="index.php"/>Sources</a></li>
<?php		} ?>
		</ul>
	</div>
 
<div class="titre_menu"><a href="index.php?equipes"/>Léquipes</a></div>
	<div class="menu">
		<ul>
<?php		if (isset($_GET['equipes']))
			{ ?>
			<li><a href="index.php"/>Qui se cache derrière ?</a></li>
			<li><a href="contact.php"/>Nous contacter</a></li>
<?php		} ?>
		</ul>
	</div>
 
<div class="titre_menu"><a href="index.php?sondage"/>Sondage</a></div>
	<div class="menu">
		<ul>
<?php		if (isset($_GET['sondage']))
			{ ?>
 
          <li><h1>Ce menu est :</h1>
		  		<form action="sondage.php" method="post">
				<p><input name="sondage" type="radio" value="Mega cool" checked="checked" />Mega COOL</p>
				<p><input type="radio" name="sondage" value="Super" />Super</p>
				<p><input type="radio" name="sondage" value="Cool" />Cool</p>
				<p><input type="radio" name="sondage" value="Pas top" />Pas top
				<input name="Envoyer" type="submit" value="Envoyer"/>
				</p>
				</form>
          </li>
          <li><a href="resultatsondage.php"/>Voir les résultats du sondage</a></li>
<?php		} ?>
        </ul>
	</div>
 
<div class="titre_menu"><a href="index.php?newsletters"/>Newsletters</a></div>
	<div class="menu">
		<ul>
<?php		if (isset($_GET['newsletters']))
			{ ?>
 
          <li><form action="newsletters.php" method="post">
		  		<p>Prénom :<input type="text" name="prenom" /></p>
			<p>Email :<input type="text" name="email" /></p>
				<input name="Envoyer" type="submit" value="S'inscrire" />
				</form></li>
<?php		} ?>
        </ul>
	</div>

Mon probleme :
Mon menu fou le souk dans ma page. Des que je j'ouvre une catégorie sa créé un autre cadres etc etc. Le menu seul fonctionne, le style sans le menu la sa fonctionne. MERCI de me dépatouiller

**CR_Gio** · 21/07/2006, 00h22

salut,

Je suis dsl y'avais trop de code ... et pas de lien

Une petite astuce : anglobe ton menu dans une div par exemple, et ajoute le style position:absolute a la div conteneur.

En esperant pouvoir t'aider :-D
++

souci de css

CSS

Vue hybride

Discussions similaires

Partager

Partager