Menu html
Fermé
ygg
-
5 févr. 2014 à 17:39
jjaco Messages postés 529 Date d'inscription dimanche 20 janvier 2008 Statut Membre Dernière intervention 15 mars 2024 - 6 févr. 2014 à 13:14
jjaco Messages postés 529 Date d'inscription dimanche 20 janvier 2008 Statut Membre Dernière intervention 15 mars 2024 - 6 févr. 2014 à 13:14
A voir également:
- Menu html
- Menu déroulant excel - Guide
- Editeur html - Télécharger - HTML
- Menu démarrer windows 11 - Guide
- Canon quick menu - Télécharger - Utilitaires
- Menu demarrer - Guide
3 réponses
jjaco
Messages postés
529
Date d'inscription
dimanche 20 janvier 2008
Statut
Membre
Dernière intervention
15 mars 2024
45
5 févr. 2014 à 18:54
5 févr. 2014 à 18:54
Bonsoir, il me semble que tu te compliques la vie...
Si tu allais un peu voir par exemple le MOOC du site du Zero HTML/CSS les menus de navigations "nav" tu y apprendrais beaucoup de choses.
bonne chance
Si tu allais un peu voir par exemple le MOOC du site du Zero HTML/CSS les menus de navigations "nav" tu y apprendrais beaucoup de choses.
bonne chance
jjaco
Messages postés
529
Date d'inscription
dimanche 20 janvier 2008
Statut
Membre
Dernière intervention
15 mars 2024
45
6 févr. 2014 à 13:14
6 févr. 2014 à 13:14
essaie ceci:
voici le code CSS que tu mets dans un fichier "style.css"
/*tu defini ton "bandeau"*/
header {
/* propriétés (height: ; width: ; background-color: ; etc...*/
}
/*ton menu de navigation... voici un exemple à toi d'ajuster*/
nav {
text-align:right;
width:85%;
}
nav ul{
list-style:none;
}
nav li{
display:inline;
padding-left:15px;
padding-right:15px;
text-decoration:none;
}
nav a{
font-size:1.6em;
text-decoration:none;
}
nav a:hover{
color: red;
}
.image{
/* tu définis les propriétés de l'image hauteur et largeur pour qu'elles soient toutes du même gabarit*/
et voici le code html que tu mets dans un fichier.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<link rel="stylesheet" href="style.css"/>
<title>ma page test</title>
</head>
où tu remplace les textes (titres) par
<img src="../image.jpg" alt="image" class="image">
<body>
<header>
<nav>
<ul>
<li><a href="#">accueil</a>
<li><a href="#">titre1</a>
<li><a href="#">titre 2</a>
<li><a href="#">titre 3</a>
<!-- tu peux ajouter autant de liens que tu veux...-->
</ul>
</nav>
</header>
...
</body>
</html>
ca devrait marché si je n'ai rien oublié, à toi de chipoter pour la mise en page
Bonne chance !
voici le code CSS que tu mets dans un fichier "style.css"
/*tu defini ton "bandeau"*/
header {
/* propriétés (height: ; width: ; background-color: ; etc...*/
}
/*ton menu de navigation... voici un exemple à toi d'ajuster*/
nav {
text-align:right;
width:85%;
}
nav ul{
list-style:none;
}
nav li{
display:inline;
padding-left:15px;
padding-right:15px;
text-decoration:none;
}
nav a{
font-size:1.6em;
text-decoration:none;
}
nav a:hover{
color: red;
}
.image{
/* tu définis les propriétés de l'image hauteur et largeur pour qu'elles soient toutes du même gabarit*/
et voici le code html que tu mets dans un fichier.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<link rel="stylesheet" href="style.css"/>
<title>ma page test</title>
</head>
où tu remplace les textes (titres) par
<img src="../image.jpg" alt="image" class="image">
<body>
<header>
<nav>
<ul>
<li><a href="#">accueil</a>
<li><a href="#">titre1</a>
<li><a href="#">titre 2</a>
<li><a href="#">titre 3</a>
<!-- tu peux ajouter autant de liens que tu veux...-->
</ul>
</nav>
</header>
...
</body>
</html>
ca devrait marché si je n'ai rien oublié, à toi de chipoter pour la mise en page
Bonne chance !
