HTML/CSS, problème pour obtenir une bordure

Eléphant du PHP | 116 Messages

31 mars 2010, 11:45

Bon, je sais pas si j'ai le droit de posé une question concernant le html.

Mais j'ai un problème qui me rend fou car impossible à comprendre pourquoi ca ne fonctionne pas.

Je crée un tableau :
<table width="90%" height="346" align="center" cellpadding="8" class="imagecontour">
Je lui attribus la classe imagecontour

Dans le css .imagecontour
.imagecontour {
border: 1px solid #8BB5CB;
}
Pourtant, ma bordure s'obstine à resté noir.
.imagecontour est tout en bas dans le css et je n'ai pas de valeur contradictoire.

Je me sers de Chrome et Firefox, c'est moi qui bug ou pas #-o
Modifié en dernier par kopax le 31 mars 2010, 12:33, modifié 1 fois.

Eléphant du PHP | 428 Messages

31 mars 2010, 12:12

Salut,

je vois que dans le code css de .imagecontour, tu ne ferme pas la parenthèse }
Sinon, il se peut également que ta page soit restée dans le cache de ton navigateur. Ferme ton navigateur et purge le cache puis réessaye.

Eléphant du PHP | 116 Messages

31 mars 2010, 12:32

effectivement, petit oubli dans le copier/coller.

J'ai vider le cache, rien n'a changé.
Je suis un peu désespérer.
J'épluche ligne par ligne, je vois pas ce qui peu gêner l'affichage d'une bordure coloré.
Il dois forcement y avoir une erreur quelque part, mais je commence à plus trop y croire, le contenus est tellement pauvre.

Eléphant du PHP | 428 Messages

31 mars 2010, 12:40

Dans ton CSS, as tu par hasard un truc du genre :

Code : Tout sélectionner

table { border: medium solid #000000; }
Si oui, ton problème viens de la.
Si non, et que tu n'as pas de css table , essaye de rajouter le code ci-dessus (modifie les couleur) en prenant soin de commenter les lignes de la classe .imagecontour et regarde le résultat.

Mais pour moi tu as quelque chose dans ton css qui est contradictoire à ce que tu veux faire.

a+
raph

Eléphant du PHP | 116 Messages

31 mars 2010, 13:07

Quand je donne l'attribue à tout les tableaux, comme tu m'as proposé de le faire, ca fonctionne je viens d'essayé.

Le problème c'est que tout les cadres de la découpe prenne la grosse bordure. Je peux pas garder cette attribue.

Je l'ai placé juste avant .imagecontour alors à priori il n'y à rien de contradictoire, voici mon CSS
body {
	margin: 0 auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
}
#content {
	width: 95%;
	margin-left: 4px;
}
#content a {
	color:#EB4E0D;
	text-decoration:none;
}
#content a:hover {
	color:#EB4E0D;
	text-decoration:underline;
}
#footer {
	width:984px;
	background-color: #9F009A;
	color:#FFFFFF;
	font-size:9px;
	padding-top:2px;
	padding-right:10px;
	height: 15px;
}
#footer a {
	color:#FFFFFF;
	text-decoration:none;
}
#footer a:hover {
	color:#FFD900;
	text-decoration:underline;
}

#numTel{
	font-weight:bold;
	font-size:18px;
}
HR {
	border-top-color: #DBFF3F ;
	border-right-color: #DBFF3F ;
	border-bottom-color: #DBFF3F ;
	border-left-color: #DBFF3F ;
	}
.imagecontour {
border: medium solid #9F009A;
 }
.textes {
	FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Tahoma; TEXT-DECORATION: none	
}
Avec
table {
border: medium solid #000000;
}
Si je retire l'attribue .imagecontour du tableau que j'essai de modifié, il prend aussi la bordure paramétrer pour tout les tableaux.
Autrement si je laisse l'attribue, il garde un contour fin et noir. C'est la couleur qui passe pas j'ai l'impression, mais j'ai beau changé de couleur rien y fais :(

Eléphant du PHP | 428 Messages

31 mars 2010, 13:11

Essaye alors :

Code : Tout sélectionner

table.imagecontour { border: medium solid #9F009A; }

Eléphant du PHP | 116 Messages

31 mars 2010, 13:18

Merci ça marche.

Il va falloir que je fasse cela pour toute mes balises?

pour les inputs, textarea, select par exemple :
.case {
	border-width:1; border-style:solid; BORDER-RIGHT: #8BB5CB 1px solid; BORDER-TOP: #8BB5CB 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #8BB5CB 1px solid; COLOR: #000000; BORDER-BOTTOM: #8BB5CB 1px solid; FONT-FAMILY: Tahoma; BACKGROUND-COLOR: FFFFFF
}
Pareil ne fonctionne pas ainsi. C'est moins important mais plus de la curiosité ^^