Comment intègrer une bande horizontale en CSS
Résolu/Fermé
Aurèli1s
Messages postés
136
Date d'inscription
dimanche 19 juin 2011
Statut
Membre
Dernière intervention
14 octobre 2013
-
Modifié par Aurèli1s le 9/08/2011 à 02:27
Kopros Messages postés 595 Date d'inscription mardi 25 septembre 2007 Statut Membre Dernière intervention 3 février 2020 - 10 août 2011 à 20:40
Kopros Messages postés 595 Date d'inscription mardi 25 septembre 2007 Statut Membre Dernière intervention 3 février 2020 - 10 août 2011 à 20:40
Bonjour,
Je m'explique, Je veut intégrer une bande Horizontale en background avec une largeur donnée mais, qu'elle prend toute la largeur du site, en au top, et avec une couleur définie.
Merci d'avance!
Je m'explique, Je veut intégrer une bande Horizontale en background avec une largeur donnée mais, qu'elle prend toute la largeur du site, en au top, et avec une couleur définie.
Merci d'avance!
A voir également:
- Css ligne horizontale
- Partager photos en ligne - Guide
- Word ligne horizontale automatique - Guide
- Aller à la ligne excel - Guide
- Ligne occupée - Forum SFR
- Site de vente en ligne particulier - Guide
3 réponses
Kopros
Messages postés
595
Date d'inscription
mardi 25 septembre 2007
Statut
Membre
Dernière intervention
3 février 2020
89
9 août 2011 à 02:23
9 août 2011 à 02:23
Dans ton message tu dis que tu veux une bande verticale, j'imagine que tu voulais dire horizontale.
Si c'est le cas, dans le code html, tu mets ça tout de suite après la balise <body> :
<div id="bande_horizontale"></div>
et dans le css :
#bande_horizontale{
padding: 0px;
margin: 0px;
border: none;
width: 100%;
height: 50px;
background-color: #FEB201;
}
Pour la largeur tu modifies le height, pour la couleur tu peux la choisir par exemple sur ce site : https://www.code-couleur.com/
Si tu veux mettre une bordure tu remplaces border: none par un truc du genre
border: solid 1px black;
Si c'est le cas, dans le code html, tu mets ça tout de suite après la balise <body> :
<div id="bande_horizontale"></div>
et dans le css :
#bande_horizontale{
padding: 0px;
margin: 0px;
border: none;
width: 100%;
height: 50px;
background-color: #FEB201;
}
Pour la largeur tu modifies le height, pour la couleur tu peux la choisir par exemple sur ce site : https://www.code-couleur.com/
Si tu veux mettre une bordure tu remplaces border: none par un truc du genre
border: solid 1px black;
