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
A voir également:
- Modifier le code css d'un seul tableau ?
- Tableau word - Guide
- Trier un tableau excel - Guide
- Code ascii - Guide
- Comment imprimer un tableau excel sur une seule page - Guide
- Modifier dns - Guide
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;
}
<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 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;
}
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;
}
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 .