Cadre en CSS !

Parfait merci encore à vous !
J'vais peut-être revenir :) Si j'ai besoin !

Merci,
Maxence

border-left:1px solid black;
border-right:1px solid black;

et puis evidemment tu as aussi border-top et border-bottom

voilà ;)

ps: https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3

Re!

Comment on fait pour mettre un border mais que sur le coté gauche et droit mais pas en haut ni en bas ??

Merci,
Maxence

Merci Joy, merci à tous !

Bravo Joy, j'ai pas cherché assez loin ^^
Effectivement ca marche, très bien même, ca m'apprendra et d'alleur je crois que l'on est ici pour apprendre !!
Bientôt tu pourras voir ton résultat ici http://www.europartage.com/ sur le menu à gauche !

Merci encore,
Maxence

Bonjour,

quand tu utilises border il faut indiquer l'epaisseur, le style et la couleur, toi tu as mis que l'épaisseur donc forcement ça marche pas.

Si tu veut une bordure noire d'un pixel avec un trait continu il faut écrire

border: 1px solid black;

voià :)

ps : ul est déjà un ebalise block donc pas la peine de mettre display:block

Merci d'avoir répondu aussi vite :)

Nan j'ai essayé mais ca ne fonctionne pas :)
Fichu kit graphique, vaut mieux les créer soit même mais j'ai pas le bon niveaux en CSS !

Voici une partie du code si quelqu'un pouvait m'aider :

Partie CSS:

/* SIDE
*****************************************************************/

#side {
width : 240px ;
background : #fff ;
float : left ;
padding : 0 ;
text-align : justify;

}

#side h2 {
font-size : 1.2em ;
text-transform : uppercase ;
margin : 0 ;
text-align:center;
color : #64C1FF ;
font-weight : normal;
background:url(../images/bgmenu.gif) no-repeat;
}

#side h2 a{
color : #0072BB ;
text-decoration : none ;
}

#side ul{
list-style : none ;
margin : 5px 0 15px 0 ;
padding : 0;
color : #000
}

#side li{
margin : 0 ;
padding : 0 0 5px 10px;
}

#side li a{
color : #0072BB ;
text-decoration : none ;
display : block ;
height : 2px;
line-height : 25px;
}

#side li a:hover{
color : #C8901B
}

#side p{
margin : 10px 0 25px 0 ;
padding : 0;
}

Partie HTML:

<div id="side">
<h2>Partenaires</h2>
<div id="menu_partenaires">
<ul>
<li><a href="http://www.europartage.com/">EuroPartage.com</a></li>
<li><a href="http://www.microshyma.com/">Microshyma.com</a></li>
</ul>
</div>
</div>

Merci à vous !

Essaie avec un display : block.