Discussion :

[Franck.H]

Bonjour !


J'ai un tableau contenant la partie du contenu d'un futur site et j'aimerais y appliquer des marges pour pas que le texte soit collé contre les bords. J'ai ceci en HTML:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
      <table align="center" width="812px" height="400px" cellpadding="0" cellspacing="0">
         <tr>
            <td background="images/left.jpg" width="12px">
            <td class="page_content">
               <?
               switch ($corps)
               {
                  case "accueil":
                  include ("accueil.php");
                  break;

                  default:
                  include ("accueil.php"); 
               }
               ?>			
            </td>
            <td background="images/right.jpg" width="12px">
         </tr>
      </table>

Et mon pauvre CSS:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
<!--
body {
   background-color: #FFFFFF;
   color: #000000;
   font-size: 12px;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
 
page_content {
   margin-left: 10px;
}
//-->

Autant dire tout de suite, je suis complètement débutant avec le CSS donc je nage pour le moment car j'ai beau faire ce que je veut, apparement le style page_content n'est pas pris en compte ! Pourquoi ou comment faire ce que je veux ?

A moins que c'est possible sans CSS donc je serait encore plus heureux car il n'y aura pas beaucoup plus dans ce fichier à part quelques petites choses mais sans plus


Merci

[Nesmontou]

Salut, page_content est une classe de style, il donc que tu remplaces

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
page_content {
   margin-left: 10px;
}

par

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
td.page_content {
   margin-left: 10px;
}

Bon développement

[Franck.H]

Impec merci

[Deallyra]

sinon, ".page_content" suffit largement

[Nesmontou]

Salut MimiCracra44, en effet

".page_content" suffit largement

Mais si lors d'une évolution du site il y a un élément div (ou autre) qui a pour class page_content, il va aussi avoir les propriétés définis dans la feuille de style. Je pense que l'utilisation dépend du contexte et qu'il faut adapter la feuille de style à son "style de programmation". Perso, je préfère préciser l'élément auquel la classe se rapporte pour éviter de faire des bourdes lors des mises à jour du site, ça évite les mauvaises surprises.

Mais vu le contexte, c'est vrai que ta méthode fonctionne aussi parfaitement ; à Franck.H d'optimiser son code

[Franck.H]

Ma feuille de style ne va pas trop évoluer, je l'utilise que pour quelques petites bricoles c'est tout. La voici à l'heure actuelle:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
<!--
body {
   background-color: #FFFFFF;
   color: #000000;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
 
td.page_content {
   font-size: 12px;
   vertical-align: top;
   padding: 10px;
}
//-->

Et à ce sujet j'aurais une petite question supplémentaire ! La propriété font-size fonctionne sans problème dans le second bloc mais si je la met dans le bloc body, je peut changer la taille comme je veux, il n'y a aucune répercution sur la page quand je la test ! Pourquoi ?