HTML/CSS, problème pour obtenir une bordure

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : HTML/CSS, problème pour obtenir une bordure

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

par kopax » 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é ^^

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

par visualight » 31 mars 2010, 13:11

Essaye alors :

Code : Tout sélectionner

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

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

par kopax » 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 :(

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

par visualight » 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

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

par kopax » 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.

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

par visualight » 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.

HTML/CSS, problème pour obtenir une bordure

par kopax » 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