28173 sujets

CSS et mise en forme, CSS3

salut,

j'ai un petit probleme avec FF et je ne vois pas de solution ..

j'applique un style pour faire une bordure a certain DIV :

DIV.cadre1{
	border-style: groove;
	border-color: #888888;
	border-width: 2px;
}

le probleme c'est que FF ne prend pas en compte le border-style avec les valeurs : groove, inset, outset et ridge Smiley decu
pour chacune de ces valeurs il me met un "solid" a la place Smiley bawling

est ce qu'il existe un moyen de contourner ce probleme ?


merci
je prefere ce genre de probleme mais il me semble que non

voici tous les CSS pour l'instant :
html{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 95%;
	line-height:130%;
	color: #CCCCCC;
	background-color: inherit;
	text-align: left;
}
body{
	background-color: #555555;
	/*
	margin: 0px 0px 0px 0px;
	*/
}
a{
	background-color: inherit;
	color: #DDDDDD;
	text-decoration: underline;
	margin: 1px 1px 1px 1px;
}
a:hover{
	text-decoration: none;
	border-color: #888888;
	border-style: solid;
	border-width: 1px;
	margin: 0px 0px 0px 0px;
}
div.cadre1{
	/*border: 2px groove #888888;*/
	border-style: groove;
	border-color: #888888;
	border-width: 2px;
	background-color: #4E4E4E;
	width: 142px;
	padding: 4px 4px 4px 4px;
}
strong{
	font-weight: bold;
}
code{
	white-space: pre;
}
ul{
	list-style: none url("images/puce1.png");
}



j'ai regardé les CSS de ce site + forum et a aucun moment le border-style est utilisé avec une autre valeur que "solid" ... Smiley ohwell c'est qu'il doit y avoir un probleme quelque part ??

------

as tu un exemple qui fonctionne avec FF ?
Bah oui, quelque chose comme ceci devrait fonctionner:

[#black][b]HTML[/b][/#]

<p id="monCadre"> contenu </p>


[#black][b]CSS[/b][/#]

#monCadre {border:10px groove #000}
ok Smiley lol
le probleme vient de la différence de gestion de la couleur de la bordure entre FF et IE .... en utilisant une bordure plus claire ou plus foncé le probleme disparrait Smiley biggrin



merci Smiley smile