Page 1 sur 1

HTML/CSS, problème pour obtenir une bordure

Posté : 31 mars 2010, 11:45
par kopax
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

Re: HTML/CSS, problème pour obtenir une bordure

Posté : 31 mars 2010, 12:12
par visualight
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.

Re: HTML/CSS, problème pour obtenir une bordure

Posté : 31 mars 2010, 12:32
par kopax
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.

Re: HTML/CSS, problème pour obtenir une bordure

Posté : 31 mars 2010, 12:40
par visualight
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

Re: HTML/CSS, problème pour obtenir une bordure

Posté : 31 mars 2010, 13:07
par kopax
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 :(

Re: HTML/CSS, problème pour obtenir une bordure

Posté : 31 mars 2010, 13:11
par visualight
Essaye alors :

Code : Tout sélectionner

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

Re: HTML/CSS, problème pour obtenir une bordure

Posté : 31 mars 2010, 13:18
par kopax
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é ^^