Comment Mettre Une Barre Verticale A Gauche !
Résolu
Drayle95
-
dany -
dany -
Bonjour ,
Alors j'aimerais mettre une barre verticale à la gauche de mon site comme par exemple sur le site du zéro là ou ils mettent la liste des cours : www.siteduzero.com
Voila Merci D'avance
Drayle95
<config>Windows 7 / Firefox 10.0.2</config>
Alors j'aimerais mettre une barre verticale à la gauche de mon site comme par exemple sur le site du zéro là ou ils mettent la liste des cours : www.siteduzero.com
Voila Merci D'avance
Drayle95
<config>Windows 7 / Firefox 10.0.2</config>
A voir également:
- Comment Mettre Une Barre Verticale A Gauche !
- Windows 11 barre des taches a gauche - Guide
- Barre verticale clavier ✓ - Forum MacOS
- Barre verticale mac ✓ - Forum MacOS
- Svp faire une barre verticale avec clavier - Forum Clavier
- Barre verticale droite sur clavier - Forum Clavier
2 réponses
ce sont des DIV avec un style
width: 150px; pour la partie gauche
margin-left: 150px; pour le corps de la page
width: 150px; pour la partie gauche
margin-left: 150px; pour le corps de la page
merci beaucoup par contre dsl je suis un peu debutant et je sais pas ou placer les width , borders ...et surtout quoi mettre sur la feuille de style et quoi mettre entre les balises div ????? merci beaucoup de tes reponses !!!
Drayle95
Drayle95
en fait je crois que j'ai compris merci a toi !
voila ce que j'ai fait :
CSS :
div {
width: 150px;
margin-left: 0px;
border: solid black 5px ;
background: black;
color: white;
HTML :
<div>
<img src="logo.jpg" height="100" width="150" alt"logo" >
<ul>
<li><a href="#" " class="type1 ">Accueil</a></li><br />
<li><a href="#" " class="type1 ">Accueil</a></li><br />
<li><a href="#" " class="type1 ">Accueil</a></li><br />
<li><a href="#" " class="type1 ">Accueil</a></li><br />
<li><a href="#" " class="type1 ">Accueil</a></li><br />
<li><a href="#" " class="type1 ">Accueil</a></li><br />
<li><a href="#" " class="type1 ">Accueil</a></li><br />
<li><a href="#" " class="type1 ">Accueil</a></li><br />
<li><a href="#" " class="type1 ">Accueil</a></li><br />
<li><a href="#" " class="type1 ">Accueil</a></li><br />
<li><a href="#" " class="type1 ">Accueil</a></li><br />
<li><a href="#" " class="type1 ">Accueil</a></li><br />
<li><a href="#" " class="type1 ">Accueil</a></li><br />
<li><a href="#" " class="type1 ">Accueil</a></li><br />
<li><a href="#" " class="type1 ">Accueil</a></li><br />
<li><a href="#" " class="type1 ">Accueil</a></li><br />
<li><a href="#" " class="type1 ">Accueil</a></li><br />
</div>
MERCI BEAUCOUP SANS TOI J'Y SERAIS PAS ARRIVE !!!
QUESTION RESOLUE !
voila ce que j'ai fait :
CSS :
div {
width: 150px;
margin-left: 0px;
border: solid black 5px ;
background: black;
color: white;
HTML :
<div>
<img src="logo.jpg" height="100" width="150" alt"logo" >
<ul>
<li><a href="#" " class="type1 ">Accueil</a></li><br />
<li><a href="#" " class="type1 ">Accueil</a></li><br />
<li><a href="#" " class="type1 ">Accueil</a></li><br />
<li><a href="#" " class="type1 ">Accueil</a></li><br />
<li><a href="#" " class="type1 ">Accueil</a></li><br />
<li><a href="#" " class="type1 ">Accueil</a></li><br />
<li><a href="#" " class="type1 ">Accueil</a></li><br />
<li><a href="#" " class="type1 ">Accueil</a></li><br />
<li><a href="#" " class="type1 ">Accueil</a></li><br />
<li><a href="#" " class="type1 ">Accueil</a></li><br />
<li><a href="#" " class="type1 ">Accueil</a></li><br />
<li><a href="#" " class="type1 ">Accueil</a></li><br />
<li><a href="#" " class="type1 ">Accueil</a></li><br />
<li><a href="#" " class="type1 ">Accueil</a></li><br />
<li><a href="#" " class="type1 ">Accueil</a></li><br />
<li><a href="#" " class="type1 ">Accueil</a></li><br />
<li><a href="#" " class="type1 ">Accueil</a></li><br />
</div>
MERCI BEAUCOUP SANS TOI J'Y SERAIS PAS ARRIVE !!!
QUESTION RESOLUE !
