Créer un en-tête et menu horizontal en HTML/CSS
Fermé
sylver1994
Messages postés
23
Date d'inscription
samedi 8 novembre 2014
Statut
Membre
Dernière intervention
30 septembre 2016
-
8 nov. 2014 à 15:53
sylver1994 Messages postés 23 Date d'inscription samedi 8 novembre 2014 Statut Membre Dernière intervention 30 septembre 2016 - 8 nov. 2014 à 17:54
sylver1994 Messages postés 23 Date d'inscription samedi 8 novembre 2014 Statut Membre Dernière intervention 30 septembre 2016 - 8 nov. 2014 à 17:54
A voir également:
- Menu horizontal html css
- 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
2 réponses
ElementW
Messages postés
4816
Date d'inscription
dimanche 12 juin 2011
Statut
Contributeur
Dernière intervention
5 octobre 2021
1 225
8 nov. 2014 à 16:10
8 nov. 2014 à 16:10
'lut,
C'est une balise HTML, donc a mettre dans le HTML évidemment... Et pour le style, coté CSS, tu ajoutes une règle comme ceci:
Après, tu la stylise pour que ça ressemble... tu mets la couleur de fond à
Pour ce qui est du menu horizontal, créé un <div> dans le <header>, en
<header>est juste une balise sémantique introduite en HTML5, agissant, vu que c'est une balise "block-level", comme un simple
<div>.
C'est une balise HTML, donc a mettre dans le HTML évidemment... Et pour le style, coté CSS, tu ajoutes une règle comme ceci:
header {
/* Règles ici */
}Constate qu'il n'y a rien devant "header" (pas de # ni .), car on désigne un type de balise, pas un id ou une classe.
Après, tu la stylise pour que ça ressemble... tu mets la couleur de fond à
#FFA60F, la couleur du texte à
#FFF, une bordure basse de 2 pixels couleur
#193185...
Pour ce qui est du menu horizontal, créé un <div> dans le <header>, en
display:inline-block, centré (
text-align: center), dans lequel tu mettras d'autres div (en affichage
block, par défaut) avec le texte...
sylver1994
Messages postés
23
Date d'inscription
samedi 8 novembre 2014
Statut
Membre
Dernière intervention
30 septembre 2016
2
Modifié par sylver1994 le 8/11/2014 à 16:59
Modifié par sylver1994 le 8/11/2014 à 16:59
Salut gravgun,
j'ai commencé à apprendre la programmation à la rentrée, donc je suis encore novice.
- Il y a une différence entre "header {/*règles ici*/}" et "<header>/*règles ici*/</header>" ? On peut utiliser les 2 méthodes dans le même document ?
- Tu dis que <header> est une balise HTML, elle doit donc être dans le HTML mais qu'il faut ajouter la règle "header {/*règles ici*/} du côté CSS. Je mets ça dans lequel alors ?
J'ai une autre question : j'ai vu qu'il y avait plusieurs "versions" de HTML : le HTML5 et le XHTML. Laquelle est la meilleure à utiliser ?
j'ai commencé à apprendre la programmation à la rentrée, donc je suis encore novice.
- Il y a une différence entre "header {/*règles ici*/}" et "<header>/*règles ici*/</header>" ? On peut utiliser les 2 méthodes dans le même document ?
- Tu dis que <header> est une balise HTML, elle doit donc être dans le HTML mais qu'il faut ajouter la règle "header {/*règles ici*/} du côté CSS. Je mets ça dans lequel alors ?
J'ai une autre question : j'ai vu qu'il y avait plusieurs "versions" de HTML : le HTML5 et le XHTML. Laquelle est la meilleure à utiliser ?
ElementW
Messages postés
4816
Date d'inscription
dimanche 12 juin 2011
Statut
Contributeur
Dernière intervention
5 octobre 2021
1 225
8 nov. 2014 à 17:12
8 nov. 2014 à 17:12
On ne peut pas mettre de balises HTML dans le CSS, donc il faut juste mettre
header {/*règles ici*/}. Le CSS se trouve soit dans un fichier à part (en .css) lié a la page via une balise <link rel="stylesheet" href="mon_fichier_css.css">ou dans le contenu d'une balise
<style>; tous deux étant dans le
<head></head>de ta page.
sylver1994
Messages postés
23
Date d'inscription
samedi 8 novembre 2014
Statut
Membre
Dernière intervention
30 septembre 2016
2
Modifié par sylver1994 le 8/11/2014 à 17:46
Modifié par sylver1994 le 8/11/2014 à 17:46
Donc concrètement, il faut que je fasse l'en-tête et le menu exclusivement dans la feuille HTML ?
ElementW
Messages postés
4816
Date d'inscription
dimanche 12 juin 2011
Statut
Contributeur
Dernière intervention
5 octobre 2021
1 225
8 nov. 2014 à 17:50
8 nov. 2014 à 17:50
J'ai l'impression que tu ne saisis pas bien la séparation (et l'intégration) HTML/CSS; HTML sert a faire la structure de la page, ainsi que son contenu, CSS est là pour aider à décorer. Fut un temps CSS n'existait pas et la décoration des pages était faite en HTML, et atroce (on utilisait des tableaux pour centrer/aligner les éléments).
La structure de ton en-tête et menu, c'est a dire les balises, se fait dans le HTML. Les propriétés CSS, pour décorer, se mettent dans une feuille de style CSS.
Pour l'"autre question": aucune des 2 versions n'est meilleure en soit. Ce sont 2 standards qui se respectent; mais j'ai tendance a diriger les gens vers HTML5 car c'est le plus sémantique, le plus simple, et le plus récent.
La structure de ton en-tête et menu, c'est a dire les balises, se fait dans le HTML. Les propriétés CSS, pour décorer, se mettent dans une feuille de style CSS.
Pour l'"autre question": aucune des 2 versions n'est meilleure en soit. Ce sont 2 standards qui se respectent; mais j'ai tendance a diriger les gens vers HTML5 car c'est le plus sémantique, le plus simple, et le plus récent.
sylver1994
Messages postés
23
Date d'inscription
samedi 8 novembre 2014
Statut
Membre
Dernière intervention
30 septembre 2016
2
8 nov. 2014 à 17:54
8 nov. 2014 à 17:54
ok je vois merci pour ces réponses
