Cadre en CSS !
Résolu/Fermé
pirmax
Messages postés
476
Date d'inscription
vendredi 20 octobre 2006
Statut
Membre
Dernière intervention
25 juillet 2014
-
23 août 2008 à 20:53
pirmax Messages postés 476 Date d'inscription vendredi 20 octobre 2006 Statut Membre Dernière intervention 25 juillet 2014 - 24 août 2008 à 15:47
pirmax Messages postés 476 Date d'inscription vendredi 20 octobre 2006 Statut Membre Dernière intervention 25 juillet 2014 - 24 août 2008 à 15:47
7 réponses
pyschopathe
Messages postés
1973
Date d'inscription
dimanche 2 mars 2008
Statut
Membre
Dernière intervention
22 mars 2010
135
23 août 2008 à 20:56
23 août 2008 à 20:56
Essaie avec un display : block.
pirmax
Messages postés
476
Date d'inscription
vendredi 20 octobre 2006
Statut
Membre
Dernière intervention
25 juillet 2014
44
23 août 2008 à 21:02
23 août 2008 à 21:02
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 !
Joy_^
Messages postés
54
Date d'inscription
mercredi 26 décembre 2007
Statut
Membre
Dernière intervention
12 septembre 2008
110
23 août 2008 à 22:41
23 août 2008 à 22:41
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
pirmax
Messages postés
476
Date d'inscription
vendredi 20 octobre 2006
Statut
Membre
Dernière intervention
25 juillet 2014
44
24 août 2008 à 00:40
24 août 2008 à 00:40
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
pirmax
Messages postés
476
Date d'inscription
vendredi 20 octobre 2006
Statut
Membre
Dernière intervention
25 juillet 2014
44
24 août 2008 à 13:34
24 août 2008 à 13:34
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
Joy_^
Messages postés
54
Date d'inscription
mercredi 26 décembre 2007
Statut
Membre
Dernière intervention
12 septembre 2008
110
24 août 2008 à 13:44
24 août 2008 à 13:44
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
pirmax
Messages postés
476
Date d'inscription
vendredi 20 octobre 2006
Statut
Membre
Dernière intervention
25 juillet 2014
44
24 août 2008 à 15:47
24 août 2008 à 15:47
Parfait merci encore à vous !
J'vais peut-être revenir :) Si j'ai besoin !
Merci,
Maxence
J'vais peut-être revenir :) Si j'ai besoin !
Merci,
Maxence
