Cadre en CSS !
Résolu
pirmax
Messages postés
476
Date d'inscription
Statut
Membre
Dernière intervention
-
pirmax Messages postés 476 Date d'inscription Statut Membre Dernière intervention -
pirmax Messages postés 476 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Comment faire pour mettre un cadre ou un border autour d'un UL en CSS ??
J'ai mis dans mon CSS border:1px ou plus et rien ne s'affiche même en changeant de couleur !
Avez-vous une idée!?
Merci,
Maxence
Comment faire pour mettre un cadre ou un border autour d'un UL en CSS ??
J'ai mis dans mon CSS border:1px ou plus et rien ne s'affiche même en changeant de couleur !
Avez-vous une idée!?
Merci,
Maxence
A voir également:
- Cadre en CSS !
- Comment faire un cadre sur word - Guide
- Illustrator cadre de sélection disparu ✓ - Forum Illustrator
- Problème cadre frameo - Forum Graphisme
- Dans le document à télécharger, positionnez l'image dans le cadre gris. mettez un espace de 1 cm autour de l'image. comment se prénomme la personne recherchée ? - Forum Word
- Dans la présentation à télécharger, déplacez l'image dans le cadre sans en modifier la taille. redressez l'image pour que le niveau de la mer soit à l'horizontale. faites correspondre : la ligne avec le niveau de la mer ; le point avec le sommet de la grande voile. combien d'oiseaux sont dans le cadre ? ✓ - Forum Photofiltre
7 réponses
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 !
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 !
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
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 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
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
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
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
Comment on fait pour mettre un border mais que sur le coté gauche et droit mais pas en haut ni en bas ??
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
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
