Aller au menu - Aller au contenu

[Plan du site] Vous êtes ici --- > Le Site du Zéro > Les forums > Site Web > XHTML / CSS > probleme avec couleur de fond > Lecture du sujet

probleme avec couleur de fond

Vous devez être inscrit pour pouvoir poster des messages

RésoluLe problème de ce sujet a été résolu

Page : 1 
Auteur Message
1 visiteur sur ce sujet (1 anonyme)
Page : 1 
Hors ligne hamou92 # Posté le 26/07/2008 à 19:12:27
Groupe : Membres
salut,
j'essaye de creer un menu mais le probleme c'est que la couleur de fond ne marche pas.
voici le code

Code : HTML
 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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
    <head>
        <title>Livre d'or</title>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
		<style type=text/css>
#menu_2
{
background-color: blue; 
}
#menu_2 a
{
display: block;
float: left;
width:150px;
height: 30px;
text-align: center;
color: #e0e0e0;
text-decoration: none;
}

		</style>
    </head>
    <body>
	<div id="menu_2">
<p><a href="surfads.php">Surf ads</a><a href="advertise.php">Advertise</a><a href="tos.html">Tos</a><a href="banner.php">Banner</a><a href="forum.php">Forum</a></p>
</div>

	</body>
	</html>


merci d'avance
Édité le 26/07/2008 à 19:34:06 par hamou92
Hors ligne zizanie # Posté le 26/07/2008 à 19:14:16
Par moment.....!!!!!
Avatar
Groupe : Membres
background-color: blue;


Image utilisateur
:-° L'âge où commence l'informatique !!! :D



 
Hors ligne hamou92 # Posté le 26/07/2008 à 19:17:50
Groupe : Membres
mais c'est pareil
Hors ligne stan31 # Posté le 26/07/2008 à 19:22:18
qui ne tente rien ...à rien!
Groupe : Membres
background-color est plus precis que background ;)
Hors ligne hamou92 # Posté le 26/07/2008 à 19:32:40
Groupe : Membres
je l'ai testé mais ca ne marche pas j'ai édité mon code
Hors ligne zizanie # Posté le 26/07/2008 à 19:34:26
Par moment.....!!!!!
Avatar
Groupe : Membres
si tu mets background cela peut être une image, une couleur, scrolled, fixed etc.......il vaut mieux être précis, tu as aussi background-repeat, no repeat.....


Image utilisateur
:-° L'âge où commence l'informatique !!! :D



 
Hors ligne hamou92 # Posté le 26/07/2008 à 19:37:21
Groupe : Membres
mais ce n'est pas ca mon probleme je sais que background est une mega proprieté...
merci pour l'aide
Hors ligne Yano # Posté le 26/07/2008 à 19:52:54
Avatar
Groupe : Membres
Bonjour,

Ajoute une bordure à ton menu.

À quoi ça ressemble ?


Et
Code : HTML
1
<style type=text/css>

Manque les guillemets.


Édité le 26/07/2008 à 19:58:02 par Yano
Hors ligne hamou92 # Posté le 26/07/2008 à 20:37:29
Groupe : Membres
si j'ai ajoué une bordure, elle s'affiche au-dessus du menu

voici le dernier code

Code : HTML
 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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
    <head>
        <title>Livre d'or</title>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
		<style type="text/css">
#menu
{
background-color: blue; 
border: 2px solid black;
}
#menu a
{
display: block;
float: left;
width:150px;
height: 30px;
text-align: center;
color: #e0e0e0;
text-decoration: none;
}

		</style>
    </head>
    <body>
	<div id="menu">
<a href="surfads.php">Surf ads</a><a href="advertise.php">Advertise</a><a href="tos.html">Tos</a><a href="banner.php">Banner</a><a href="forum.php">Forum</a>
</div>

	</body>
	</html>
Hors ligne Findecáno # Posté le 26/07/2008 à 20:47:49
Avatar
Groupe : Membres
Cette réponse a aidé l'auteur du sujet Cette réponse a aidé l'auteur du sujet
Essaye en mettant une hauteur de 30px à ton menu, je pense que ton problème viens de là vu que tes liens sont flottants, le menu doit donc avoir une hauteur nulle..


Mais où se posaient les hirondelles avant l'invention du téléphone ?
 
Hors ligne Yano # Posté le 26/07/2008 à 21:10:13
Avatar
Groupe : Membres
Bien vu.
À faire.

Elles ne s'affichent pas au dessus, elles s'appliquent au menu, elles montrent les dimensions du menu.
Ce sont tes liens qui s'affichent en dessous.

Alors, pourquoi ça ne suffit pas ?
Parce que le <p> que tu as utilisé possède des marges par défaut.

Annule ces marges.

Édité le 26/07/2008 à 21:14:21 par Yano
Hors ligne hamou92 # Posté le 26/07/2008 à 21:14:56
Groupe : Membres
merci beaucoup Findecáno ta solution marche bien

Retour au forum "XHTML / CSS" ou à la liste des forums

Vous devez être inscrit pour pouvoir poster des messages

Changer de design | En savoir plus | Plan du site | Politique d'accessibilité | Règles | RSS tutoriels | RSS news
Édité par Simple IT SARL : Nous contacter | Notre blog | Revue de presse | Publicité

Y'a plus rien à lire, faut remonter maintenant !

Hébergement web - Correction de tutoriels - Créer un site
Vous souhaitez apparaître ici ? Contactez-nous.

Nombre de connectés 354 Zéros connectés | Requêtes SQL 7 requêtes | Temps de génération de la page : Total (SQL) 0.3637s (0.3419s)