Css et html
winsho
Messages postés
15
Date d'inscription
Statut
Membre
Dernière intervention
-
wunsho -
wunsho -
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
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 HTML
- [**] Balise pour un espace vide en hml. Merci ✓ - Forum Webmastering
- Html download - Télécharger - HTML
- /Var/www/html/index.html ✓ - Forum Linux / Unix
2 réponses
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 ;
