Rechercher : dans
Par :

Modifier le code css d'un seul tableau ?

Dernière réponse le 3 nov 2009 à 14:11:30 lesnoa, le 3 nov 2009 à 12:23:14 
 Signaler ce message aux modérateurs

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

Configuration: Mac OS X
Firefox 3.5.4

Meilleures réponses pour « modifier le code css d'un seul tableau ? » dans :
Les CSS pour présenter vos images VoirPour présenter agréablement vos images, vous pouvez intégrer quelques codes supplémentaires dans votre CSS et vous en servir à bon escient. Elles sont bien sur modulables en fonction de la charte graphique de votre site. Utilisation Mettez les codes...
Counter Strike - Modifier les skins des armes VoirVoici comment modifier les skins d'armes pour CS 1.6 Introduction Télécharger les skins Insertion des skins Introduction Les skins d'armes sont des répliques d'armes de bases mais plusieurs aspects changent : La taille La forme La...
Déclaration d'une feuille de style (CSS) VoirDéclaration d'une feuille de style Les feuilles de style sont un sur-ensemble du langage HTML, cela signifie qu'elle ne sont pas intégrées directement dans les recommandations HTML du W3C. Ainsi, il est nécessaire de renseigner le code HTML avec...
CSS - Les couleurs VoirLes couleurs Le standard CSS propose différentes façons de définir des couleurs : par un nom avec la notation hexadécimale avec la notation décimale Appel d'une couleur par son nom Le langage HTML définit des noms pour un nombre limité de...
La table des couleurs VoirLe codage des couleurs Les couleurs en HTML sont définies par 3 nombres hexadécimaux représentant les tons de Rouge, de Vert et de Bleu (selon le codage RGB (Red Green Blue, en français : RVB) de la couleur choisie. Ainsi la syntaxe de codage...

1

papouuu86, le 3 nov 2009 à 12:33:51

Je comprends pas trop..
expliqué comme tu le fais ma réponse serait: donne un id à ton tableau.

Répondre à papouuu86

2

lesnoa, le 3 nov 2009 à 13:01:49

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;
}

Répondre à lesnoa

3

papouuu86, le 3 nov 2009 à 13:35:48
  • +1

<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;
}

Répondre à papouuu86

4

lesnoa, le 3 nov 2009 à 13:49:34

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 .

Répondre à lesnoa

5

 papouuu86, le 3 nov 2009 à 14:11:30

Cela dépend de la disposition que tu souhaite

Répondre à papouuu86