Sujet Précédent Sujet Suivant

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:

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 ;
0
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 ?
0

Discussions similaires

&nbsp ; Quelle Fonction ?
-Jeff- -
sl4ck -

14 réponses
Espace en HTML
baissaoui -
baissaoui -

0 réponse
[CSS] Forcé retour à la ligne
aKuma59 -
zigoss -

33 réponses
la balise <br> ou <br />
faamugol -
rwaness -

8 réponses
trait horizontal avec du css
tipi75 -
tipi75 -

8 réponses