Modifier le code css d'un seul tableau ?

Résolu
lesnoa Messages postés 22 Date d'inscription   Statut Membre Dernière intervention   -  
papouuu86 Messages postés 77 Date d'inscription   Statut Membre Dernière intervention   -
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
A voir également:

4 réponses

Réponse 1 / 4
papouuu86 Messages postés 77 Date d'inscription   Statut Membre Dernière intervention   11
 
<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;
}
1
lesnoa Messages postés 22 Date d'inscription   Statut Membre Dernière intervention  
 
Merci !
une autre question : Faut il faire un tableau ou pas pour n'y inclure qu'une photo et du texte ?
Les avis sont très différents sur ce que je trouve sur le web .
0
Réponse 2 / 4
papouuu86 Messages postés 77 Date d'inscription   Statut Membre Dernière intervention   11
 
cela dépend de la disposition que tu souhaite
1
Réponse 3 / 4
papouuu86 Messages postés 77 Date d'inscription   Statut Membre Dernière intervention   11
 
je comprends pas trop..
expliqué comme tu le fais ma réponse serait: donne un id à ton tableau.
0
Réponse 4 / 4
lesnoa Messages postés 22 Date d'inscription   Statut Membre Dernière intervention  
 
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;
}
0