Modifier le code css d'un seul tableau ?
Résolu
lesnoa
Messages postés
19
Date d'inscription
Statut
Membre
Dernière intervention
-
papouuu86 Messages postés 86 Statut Membre -
papouuu86 Messages postés 86 Statut Membre -
Bonjour,
Je souhaite modifier l'aspect d'un seul tableau qui se trouve sur une page html
Comme j'ai une seule feuille de style CSS externe pour toutes mes pages html , si je fait une modification
elle est répercutée sur tout les tableaux ...
Merci de vos infos
Je souhaite modifier l'aspect d'un seul tableau qui se trouve sur une page html
Comme j'ai une seule feuille de style CSS externe pour toutes mes pages html , si je fait une modification
elle est répercutée sur tout les tableaux ...
Merci de vos infos
Configuration: Mac OS X Firefox 3.5.4
4 réponses
-
<table id="table1">
<tr><td><p><img src="images/photo pour cv.jpg" alt="ma photo"/></p> </td><td>Ce site présente mon CV.</p>
</td></tr>
</table>
</div>
<table id="table2">
<tr>
<th>a</th>
<th>b</th>
<th>c</th>
<th>d</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4.</td>
</tr>
<tr>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
</tr>
</tbody>
</table>
dans ta feuille de style tu fais ton design sur les id pas sur les balises exemple:
#table1
{
margin: auto;
border: 1px outset blue;
border-collapse: collapse;
} -
-
je comprends pas trop..
expliqué comme tu le fais ma réponse serait: donne un id à ton tableau. -
Je suis débutante et j'ai certainement oublié quelque chose ...
Ci dessous copie de mes 2 tableaux et de pa page se style css
PAGE index.html :
<table>
<tr><td><p><img src="images/photo pour cv.jpg" alt="ma photo"/></p> </td><td>Ce site présente mon CV.</p>
</td></tr>
</table>
</div>
PAGE X. html
<table >
<tr>
<th>a</th>
<th>b</th>
<th>c</th>
<th>d</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4.</td>
</tr>
<tr>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
</tr>
</tbody>
</table>
FEUILLE DE STYLE EXTERNE CSS:
table
{
margin: auto;
border: 1px outset blue;
border-collapse: collapse;
}
th
{
background-color: yellow;
border: 4px outset blue;
color: #D36024;
font-size: 1.1em;
font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
}
td
{
background-color: #438b88;
border: 4px outset blue;
font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
text-align: center;
padding: 5px;
}
