Css et html

Fermé

winsho Messages postés 15 Date d'inscription mardi 10 août 2010 Statut Membre Dernière intervention 4 septembre 2010 - 10 août 2010 à 21:03
wunsho - 18 août 2010 à 14:36

Bonjour,

voila j'ai essayé de faire une petit presentation en css mais cela ne fonctionne pas o_o
voici mon fichier html
<html>
<head>
<link rel="stylesheet" type="text/css" media="all"
href="Css/deco.css" /> ..... fichier et non de la feuille de style

</head>
<body>
<ul id="navigation">
<li><a href="musiques.htm" title="musiques">musiques</a></li>

<li><a href="videos.htm" title="videos">videos</a></li>
<li><a href="photos.htm" title="Photos">Photos</a></li>
<li><a href="acceuil.htm" title="retour acceuil">retour la page d'acceuil</a></li>
</ul>
</body>

</html>

voici le dossier css

#navigation li a {
display: block ;
background: #900 url(lienCoulissant.png) left top no-repeat ;
color: #fff ;
font: 1em "Trebuchet MS",Arial,sans-serif ;
line-height: 1em ;
padding: 4px 0 ;
text-align: center ;
}
#navigation li a:hover, #navigation li a:focus, #navigation li a:active {
background: #033 url(lienCoulissant.png) right top no-repeat ;
}

le resultat donne ceci

.musiques .... ceux sont des liens
.videos
.photos
...

au lieu de ceci https://www.alsacreations.com/tuto/lire/574-Creer-des-menus-simples-en-CSS.html

voir rubrique portes coulissante

merci de votre aide

A voir également:

Css et html
Editeur html - Télécharger - HTML
Espace html ✓ - Forum Webmastering
Espace en html - Astuces et Solutions
Html download - Télécharger - HTML
&Nbsp html ✓ - Forum Webmastering

2 réponses

Réponse 1 / 2

ProgMad Messages postés 88 Date d'inscription dimanche 4 mai 2008 Statut Membre Dernière intervention 15 août 2010
10 août 2010 à 22:11

voila le code css :

			#navigation {
				list-style: none ;
				margin: 0 ;
				padding: 0 ;
				overflow: hidden ;		/* Création du contexte de formatage */
				}
			#navigation li {
				float: left ;
				width: 150px ;
				border: 1px solid #600 ;
				margin-right: 1px ;
				color: #fff ;
				background: #c00 ;
				}
			#navigation li a {
				display: block ;
				background: #900 url(lienCoulissant.png) left top no-repeat ;
				color: #fff ;
				font: 1em "Trebuchet MS",Arial,sans-serif ;
				line-height: 1em ;
				padding: 4px 0 ;
				text-align: center ;
				text-decoration: none ;
				}
			#navigation li a:hover, #navigation li a:focus, #navigation li a:active {
				background: #033 url(lienCoulissant.png) right top no-repeat ;
				text-decoration: underline ;

Réponse 2 / 2

wunsho
18 août 2010 à 14:36

merci de m'avoir repondu je l'essaierai des que possible cependant je n'est pas compris pourquoi tout detailler ?
a t - on vraiment le besoin car l'id est navigation ?

Discussions similaires