TD et feuille de style

yanne1985 · 29 Mars 2006

salut

j'ai dans ma feuille de style

.td {

background-color: #FA8072;

border-color: White;

}

et dans la page HTML

j'ai pas l'affichage comme je veux : bordures blanches

merci d'avance de votre aide

Ifmy · 29 Mars 2006

white et non White je pense

yanne1985 · 29 Mars 2006

merci

mais non cela ne marche pas même avec les couleur données en Hexadecimale

Ifmy · 29 Mars 2006

En même temps tu ne définis que la couleur de bordure, je ferais donc plutôt:

border: 1px solid white;

Modifié 29 Mars 2006 par Ifmy

yanne1985 · 29 Mars 2006

:nono:

j'ai essayé cette metode aussi mais encor ça n'apas marcher

Ifmy · 29 Mars 2006

bah je vois pas bien pourquoi certainement une question de ciblage. Donc perso ne voyant pas l'utilité de la class je ferais directement:

td {
}

**Portekoi** · 30 Mars 2006

Bonjour,

Essaie ceci :

td {
background-color: #FA8072;

border: 1px solid white;

}

Et pour ton code :

<td>Mon texte</td>

A bientot

Portekoi

xpatval · 30 Mars 2006

Et à défaut, teste aussi directement dans la balise:

<td style="background-color:#FA8072;border: 1px solid white;">...</td>

Si là ça ne fonctionne pas, il faudra nous mettre ton code en un peu plus long...

xpatval

tictact · 30 Mars 2006

tout simplement, c'est parceque ton fond de body n'est-il pas déjà blanc ?

fais un essai avec une autre couleur de border !!

yanne1985 · 31 Mars 2006

merci a vous tous

si je combine

td {

background-color: #FA8072;

border: 1px solid white;

}

et

car j'ai une feuille de style

et je ne veux pas l'appliquer a toutes les balises <td>

est ce que c' possible??

**captain_torche** · 31 Mars 2006

Dans ce cas, il faut spécifier dans ta feuille de style, que tu définis un nom de classe, en faisant précéder le nom par un point (.td au lieu de td).

Kalt · 31 Mars 2006

Au lieu d'appeler ta classe .td, appelle-la .bordureblanche ou autre...

yanne1985 · 31 Mars 2006

j'ai cru que c resolu mais :nono:

j'ai mis le le point et cela n'a pas marcher

yanne1985 · 31 Mars 2006


.body {
	background-color: #6AB6FF;
	font-family:Verdana, Arial, Helvetica, sans-serif
	font-size: 12px;
	color:#FFFFFF;
}
a {
	color: #15155E;
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	text-decoration: none;
}
a:link {
	color: #15155E;
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	text-decoration: none;
}
a:hover {
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	color: #FFA600;
	text-decoration: underline;
}
a:visited {
	color: #15155E;
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	text-decoration: none;
}
a:focus {
	color: #15155E;
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	text-decoration: none;
}
.form {
	background-color: Aqua;
	border-color: #FF6347;
	font-size: 11px;
	font-family: "Courier New", Courier, monospace;
	color: #824800;
}
.table {
	border-color: #131313;
	background-color: Black;
}

.td {
	border-color: #131313;
	background: Black;
}


.body {
	background-color: #6AB6FF;
	font-family:Verdana, Arial, Helvetica, sans-serif
	font-size: 12px;
	color:#FFFFFF;
}
a {
	color: #15155E;
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	text-decoration: none;
}
a:link {
	color: #15155E;
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	text-decoration: none;
}
a:hover {
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	color: #FFA600;
	text-decoration: underline;
}
a:visited {
	color: #15155E;
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	text-decoration: none;
}
a:focus {
	color: #15155E;
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	text-decoration: none;
}
.form {
	background-color: Aqua;
	border-color: #FF6347;
	font-size: 11px;
	font-family: "Courier New", Courier, monospace;
	color: #824800;
}
.table {
	border-color: #131313;
	background-color: Black;
}

.td {
	border-color: #131313;
	background: Black;
}

yanne1985 · 31 Mars 2006


<html>
<head>
<title>Document sans titre</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>

<body>

<table width="929" border="0" cellpadding="0" cellspacing="0">
  <!--DWLayoutTable-->
  <tr>
    <td height="115" colspan="2" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
        <!--DWLayoutTable-->
        <tr>
          <td width="897" height="115"> </td>
        </tr>
    </table></td>
    <td width="32"></td>
  </tr>
  <tr>
    <td width="168" height="393" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
        <!--DWLayoutTable-->
        <tr>
          <td width="168" height="128" valign="top"><!--DWLayoutEmptyCell--> </td>
        </tr>
        <tr>
          <td height="265"> </td>
        </tr>
    </table></td>
    <td width="729" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
        <!--DWLayoutTable-->
        <tr>
          <td width="55" height="45"> </td>
          <td width="168"> </td>
          <td width="231"> </td>
          <td width="279"> </td>
        </tr>
        <tr>
          <td height="24"> </td>
          <td valign="top" class="td">Nom</td>
          <td valign="top"><!--DWLayoutEmptyCell--> </td>
          <td> </td>
        </tr>
        <tr>
          <td height="24"> </td>
          <td valign="top">Prenom</td>
          <td valign="top"><!--DWLayoutEmptyCell--> </td>
          <td> </td>
        </tr>
        <tr>
          <td height="24"></td>
          <td valign="top">E-mail</td>
          <td valign="top"><!--DWLayoutEmptyCell--> </td>
          <td></td>
        </tr>
        <tr>
          <td height="24"></td>
          <td valign="top">Login</td>
          <td valign="top"><!--DWLayoutEmptyCell--> </td>
          <td></td>
        </tr>
        <tr>
          <td height="24"></td>
          <td valign="top">Password</td>
          <td valign="top"><!--DWLayoutEmptyCell--> </td>
          <td></td>
        </tr>
        <tr>
          <td height="24"></td>
          <td valign="top">Confirmer pasword </td>
          <td valign="top"><!--DWLayoutEmptyCell--> </td>
          <td></td>
        </tr>
        <tr>
          <td height="24"></td>
          <td colspan="2" valign="top"><!--DWLayoutEmptyCell--> </td>
          <td></td>
        </tr>
        <tr>
          <td height="180"></td>
          <td> </td>
          <td></td>
          <td></td>
        </tr>
            </table></td>
    <td></td>
  </tr>
  <tr>
    <td height="158"></td>
    <td></td>
    <td></td>
  </tr>
</table>
</body>
</html>

Kalt · 4 Avril 2006

Ta définition de la classe .td est incorrecte :

Background: black;

Doit être remplacé par :

Background-color: black;

Tu l'as pourtant bien fait dans la classe .table :blink:

Modifié 4 Avril 2006 par Kalt

jeanpierre949 · 4 Avril 2006

la syntaxe : Background: black; est tout a fait correct c'est le shortcut de background-color et de toutes les autres proprietes de background comme -image -fixed etc...

Connexion

TD et feuille de style

Sujets conseillés

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Veuillez vous connecter pour commenter