Problème image background

**tequilla76** · 01/07/2012, 10h03

Bonjour,

je m'essaie au CSS et j'essaie de créer mon 1er design.
J'ai codé en HTML suivant un tuto que j'ai vu sur Youtube et de faire la partie "mise en forme" avec du css.

J'ai une DIV menu pour mon menu. Dans mon CSS j'ai un #menu ainsi que les éléments qui en découlent (#menu ul li, #menu ul li a). Quand je mets une eimage de font dans le #menu ul li cela fonctionne mais dès que je veux le mettre dans le #menu ul li a, rien ne se passe (par contre le reste est prise en compte). Comment cela se fait il?

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
24
25
26
27
28
29
30
31
32
body
 
{
  background-color: #FFFFFF;
  font-family:Verdana, Geneva, sans-serif;
}
 
#conteneur
{
   margin: 0 auto;
   width: 960px;
}
 
 
#menu{
 
}
 
#menu ul li{
	list-style: none;
	float: left;
	padding: 0;
}
 
#menu ul li a{
	height:54px;
	weight:125px;
	text-decoration:none;
	font-size:18px;
	background: url(images/b1.gif) no-repeat; 
	text-align:center;
}

Mon 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
<!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" >
   <head>
       <title>Page de test</title>
       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	   <link rel="stylesheet" media="screen" type="text/css" href="design.css" />
	</head>
	<body>
		<div id="top">Mon toto en slibart
    </div>
    <div id="conteneur">
   	  <div id="menu">
            	<ul>
               	  <li><a href="www.google.fr">point 1</a></li>
                  <li>point 2</li>
				  <li>point 3</li>
        </ul>                  
      </div>
        </div>
</body>
</html>

**Muchos** · 01/07/2012, 17h52

Attention ! C'est width et non weight :

Code :

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

1
2
3
4
5
6
 
#menu ul li a {
	height:54px;
	width:125px;
	…
}

Sinon, ça fonctionne de mon côté…

Une chose encore : il y a de très bons tutoriels sur developpez.net

Problème image background

CSS

Vue hybride

Discussions similaires

Partager

Partager