La valeur dotted ne s'affiche pas sous Firefox

**Félix75** · 26/07/2007, 15h54

Bonjour,

Lorsque j'applique la règle border-style: dotted à un tableau, aucun effet apparaît sous Firefox, tandis que ie affiche bien les pointillés.
Si j'applique cette règle à une balise div, les contours en pointillés s'affichent sous Firefox et ie.
Est-ce que sous Firefox les <table> sont réfractaires à border-style: dotted ?

**trotters213** · 26/07/2007, 17h50

Tu aurais pas tout simplement oublier de mettre un ";" dans ton CSS après ton border-style ?

Code :

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

1
2
3
table { 
border-style: dotted;
}

Parce qu'il n'y a aucune raison que ça ne marche pas.

**Félix75** · 27/07/2007, 12h19

Bonjour Trotter,

Eh bien non ! J'ai lu et relu ce petit code tout simple et je ne sais penser.
voilà ce que j'ai déclaré (quelque chose de vraiment simple !) :

Code :

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

1
2
3
4
#points {
	border-style: dotted;
	border-color: #999999;
}

Quand je l'applique à un tabeau <table id="points"></table>, rien ne se passe sous Firefox.
Par contre, lorsque je l'applique à une simple <div>, ça fonctionne.
Et sous IE, ça marche à tous les coups !
Est-ce que j'aurais oublié un règlage dans mon navigateur ?
Je sais ni quoi dire ni quoi faire.

**trotters213** · 27/07/2007, 12h25

Essaie ceci :

Code :

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

1
2
3
#points {
border:1px dotted #999;
}

**Candygirl** · 27/07/2007, 12h49

Je ne vois pas non plus vraiment où se situe le problème ?

Code html :

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>bordure tableau dotted</title>
<style type="text/css">
#points {  border-style: dotted; border-color: #999999; }
</style>
</head>
<body>
<table id="points">
  <tr>
    <td>&nbsp;</td>
  </tr>
</table>
</body>
</html>

**Félix75** · 27/07/2007, 13h44

Merci à vous deux !

La solution de Trotters est la bonne : la bordure en pointillée s'affiche désormais sous Firefox en plus d'IE. Merci !
Je ne pensais pas qu'il s'agissait d'une syntaxe de code.

Pour répondre à Candygirl, lorsque je copie son exemple sous dreamweaver dans une page vierge, celà fonctionne aussi. Mais lorsque je l'adapte à ma feuille de style ou que je l'incorpore directement à ma page web, il n'y a plus aucune bordure visible sous Firefox !
Très étrange n'est-ce pas ?

**trotters213** · 27/07/2007, 14h24

tu dois surement définir un border:none; ou un border:0; avant dans ton CSS donc même si tu définis une bordure noire en pointillé, il doit garder une taille de 0 donc tu ne la vois pas.

La valeur dotted ne s'affiche pas sous Firefox

CSS

Discussions similaires

Partager

Partager