Border plus long que le texte
Résolu
florire
Messages postés
151
Date d'inscription
Statut
Membre
Dernière intervention
-
florire Messages postés 151 Date d'inscription Statut Membre Dernière intervention -
florire Messages postés 151 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Je suis entrain de faire un menu qui aura différente partie donc plusieurs titre et je voudrais que dessous ces titre il y est un trait qui soit de toute la largeur du fond gris (soit width 100%).
Merci de votre aide !
Résultat actuel:
https://i55.servimg.com/u/f55/16/50/51/32/sans_t16.jpg
Mon html:
Mon css:
Je suis entrain de faire un menu qui aura différente partie donc plusieurs titre et je voudrais que dessous ces titre il y est un trait qui soit de toute la largeur du fond gris (soit width 100%).
Merci de votre aide !
Résultat actuel:
https://i55.servimg.com/u/f55/16/50/51/32/sans_t16.jpg
Mon html:
<div id="menu_gauche">
<div class="liste">
<ul>
<lh>Titre 1</lh>
<li>Titre 1</li>
<li>Titre 2</li>
<li>Titre 3</li>
<lh>Titre 2</lh>
<li>Titre 1</li>
<li>Titre 2</li>
<li>Titre 3</li>
</ul>
</div></div>
Mon css:
#menu_gauche{
width: 100%;
margin-top: 10px;
}
#menu_gauche .liste ul{
list-style:none;
}
#menu_gauche .liste ul lh{
padding-left: 25px;
border-bottom: 1px solid #115098;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #115098;
color:white;
}
#menu_gauche .liste ul li{
margin-left: 45px;
}
A voir également:
- Border plus long que le texte
- Texte de chanson gratuit pdf - Télécharger - Vie quotidienne
- Pc long a demarrer - Guide
- Transcription audio en texte word gratuit - Guide
- Excel cellule couleur si condition texte - Guide
- Texte barré whatsapp - Guide
2 réponses
Bonjour
déjà 1ère erreur
<1h> cette balise n'existe pas tu dois confondre avec <h1>
2eme erreur
un <h1> ne se mets jamais dans un <ul>
mets le avant
ou sinon fais un li avec une class comme cela
déjà 1ère erreur
<1h> cette balise n'existe pas tu dois confondre avec <h1>
2eme erreur
un <h1> ne se mets jamais dans un <ul>
mets le avant
<h1>Titre 1</h1>
<ul>
<li>Titre 1</li>
<li>Titre 2</li>
<li>Titre 3</li>
</ul>
<h1>Titre 2</h1>
<ul>
<li>Titre 1</li>
<li>Titre 2</li>
<li>Titre 3</li>
</ul>
#menu_gauche h1{
width: 100%;
padding-left: 25px;
border-bottom: 1px solid #115098;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #115098;
color:white;
}
ou sinon fais un li avec une class comme cela
<ul>
<li class="titre">Titre 1</li>
<li>Titre 1</li>
<li>Titre 2</li>
<li>Titre 3</li>
<li class="titre">Titre 2</li>
<li>Titre 1</li>
<li>Titre 2</li>
<li>Titre 3</li>
</ul>
#titre{
display:block;
width: 100%;
padding-left: 25px;
border-bottom: 1px solid #115098;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #115098;
color:white;
}
