[CSS] <hr> couleur FF

**diaboloche** · 05/07/2006, 01h31

Bonsoir,

J'ai un petit soucis pour fixer la couleur de ma ligne... sous IE cela fonctionne mais sous FF non.. il me laisse la couleur par défaut...

Dans le CSS :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 
hr {
 display:block;
 height: 1px;
 margin: 0;
 padding:0;
  _margin: -7px 0;
  color: red;
  background-color: red;
  border-color : red;
 }

J'ai mis les 3 : color background-color, et border-color... sans succès...

Quelqu'un peut m'aider ?

Merci !

**Kerod** · 05/07/2006, 01h33

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

color : #FF0000

Ca devrait marcher

ps : c'est le code du rouge

**diaboloche** · 05/07/2006, 01h37

Merci de ta réponse.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 
hr {
 display:block;
 height: 1px;
 margin: 0;
 padding:0;
  _margin: -7px 0;
  color: #FF0000;
  background-color: #FF0000;
  border-color : #FF0000;
 }

J'ai le même problème...

Ok sur IE mais KO sur FF

**Kerod** · 05/07/2006, 01h44

Un exemple qui fonctionne...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<html>
<head>
<style type="text/css">
hr {
height: 1px;
margin: -0.5em 0;
padding: 0;
color: #FF0000;
background-color: #FF0000;
border: 0;
}
</style>
<body>
<hr />
</body>
</html>

Et je suis sous FF

**diaboloche** · 05/07/2006, 12h44

Je ne vois pas mon erreur...

Dans le CSS j'ai ceci..

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
 
 
hr { /* Ligne rouge*/
 display:block;
 height: 1px;
 margin: 0;
 padding:0;
  _margin: -7px 0;
  color: #FF0000;
  background-color: #FF0000;
 
 }

Dans ma page php j'ai ceci, je mets tout même si c'est confu vu que je n'identifie pas le problème...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<link href="monstyle.css" rel="stylesheet" type="text/css">
<title>Les Yankees d'Herstal</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body background="fond.jpg">
<br>

<table align="center" cellpadding="0" cellspacing="0">
<tr><td width="728"><div align="center"><img src="banniere_top2.gif"></div></td></tr>
<tr><td><img src="barrebas.gif"></td></tr>
<tr><td></td></tr>
<tr>
    <td height="45"> <a href="index2.php"><img src="menu/news3.gif" border="0" onmouseover="this.src='menu/news.gif';" onMouseOut="this.src='menu/news3.gif'" title="Toutes les news des Yankees"></a><a href="abonnements.php"><img src="menu/abonnements1.gif" border="0" onmouseover="this.src='menu/abonnements.gif';" onMouseOut="this.src='menu/abonnements1.gif'" title="Prendre son abonnement via les Yankees !"></a><a href="staff.php"><img src="menu/staff1.gif" border="0" onMouseOver="this.src='menu/staff.gif';" onMouseOut="this.src='menu/staff1.gif'" title="Présentation des responsables du club"></a><a href="membres.php"><img src="menu/membres1.gif" border="0" onMouseOver="this.src='menu/membres.gif';" onMouseOut="this.src='menu/membres1.gif'" title="Quels avantages à être membre ?"></a><a href="photo.php"><img src="menu/photo1.gif" width="90" height="45" border="0" onmouseover="this.src='menu/photo.gif';" onMouseOut="this.src='menu/photo1.gif'" title="Photos diverses"></a><a href="liens.php"><img src="menu/liens1.gif" width="90" height="45" border="0" onMouseOver="this.src='menu/liens.gif';" onMouseOut="this.src='menu/liens1.gif'" title="Liens utiles"></a><a href="contact.php"><img src="menu/contact1.gif" width="110" height="45" border="0" onMouseOver="this.src='menu/contact.gif';" onMouseOut="this.src='menu/contact1.gif'" title="Contacter notre Webmaster"></a></td>
	 
  </tr><tr><td><img src="barrebas.gif"></td></tr>
 
  <tr> 
    <td background="banniere_center2.gif" > 
	  <img src="Photos.gif" width="728" height="60"><br>
      <hr><br>	   
	  <h2> 
	  
	  </h2>
      
      <p>&nbsp;</p>
      <p>&nbsp;</p>
	  <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
     
	</td>
  </tr>
<tr><td><img src="barrebas.gif"></td></tr>

</table>


<div align="center">
  <p><br>
    <font color="#CCCCCC" size="-1" face="Courier New, Courier, mono"><strong>Designed 
    by <font color="#FFFFFF">diaboloche</font> - © 2005 | Tous droits réservés.</strong></font> 
  </p>
  </div>
<script type="text/javascript" src="feuillejava.js"></script>
</body>
</html>

Sous IE tout marche... sous FF j'ai la couleur par défaut...

**Kerod** · 05/07/2006, 13h03

Je viens de remarquer qu'en mettant un border : 0 ca fonctionnait. Testes

[CSS] <hr> couleur FF

CSS

Vue hybride

Discussions similaires

Partager

Partager