18041 sujets

Questions générales et questions de débutants

[RESOLU] Cadres des cellules

Bonsoir,

après plusieurs recherches infructueuses sur internet, je me décide à laisser un message dans ce forum.
Je crée un site avec comme outils Dreamweaver CS3, Easyphp et Opera comme navigateur.
J'ai encadré des cellules de tableaux de différentes couleurs, aucun soucis quand je visualise sur opera( à part la couleur de la balise hr).
Par contre quand je passe sous Firefox ou un autre navigateur, je n'ai plus les cadres du tout.
Je n'arrive pas à trouver de réponse qui me satisfasse vraiment dans les forums.
Un petit exemple de code qui me cause des soucis :

<!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>Document sans nom</title>
<style type="text/css">
#header{ border-bottom:#FF0000, solid, 2px;
		width: 780px;}
.rouge {border:#FF0000, solid, 1px;}
.vert {border:#00FF00, solid, 1px;}
.blanc {border:none;}
hr { background-color:#0066FF;}
</style>
</head>

<body>
<div id="header" ><p>Trait de couleur sous un bloc</p></div>
<!--deuxieme trait horizontal-->
<hr/>
<table width="780px">
<tr>
    <td class="rouge">Cellule entourée en rouge</td>
    <td class="blanc">pas de cadre</td>
  </tr>
  <tr>
    <td class="blanc">pas de cadre ici non plus</td>
    <td class="vert">cadre vert</td>
  </tr>
</table>
</body>
</html>


Merci pour votre aide éventuelle.
Modifié par Urphe (23 Nov 2007 - 18:26)
Salut

Enlève les virgules. Smiley eek

.rouge {border:#FF0000 solid 1px;}

.vert {border:#00FF00 solid 1px;}

@+
Sujet clos
Aller à