[CSS] remplacer les tableaux => <div>

Discussion dans 'Web, design' créé par MbK_, 11 Septembre 2005.

Statut de la discussion:
Fermée.
  1. Offline
    MbK_ Etudjant
    Bonjour à tous,

    j'aimerais un peu me lancer dans le CSS pour me séparer des tableau.

    J'aimerais réaliser une sorte de script qui gère les quote.

    J'ai reussi avec les tableaux mais mnt j'aimerais modifier le code pour l'alléger.

    Seulement je ne sais pas comment le réaliser en CSS.

    avec tableau le code :

    Code:
    &lt;table width="95%" border="0" align="center">
    &lt;tr>
    &lt;th scope="row">
    &lt;div align="left">$1 a écrit : &lt;/div>
    &lt;/th>
    &lt;/tr>
    &lt;tr>
    &lt;td scope="row" class="quote">
    &lt;div align="left">&lt;/div>
    &lt;/td>
    &lt;/tr>
    &lt;/table>
    Comment le faire avec les Div?

    Merci :)
    MbK_, 11 Septembre 2005
    #1
  2. Offline
    AssiuM Fan
    AssiuM, 11 Septembre 2005
    #2
  3. Offline
    deleter_moi ex membre
    Les div c'est facile.
    Code:
    &lt;div class="quote">
        &lt;div class="author">Neron&lt;/div>
        &lt;div class="text">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.&lt;/div>
    &lt;/div>
    La CSS c'est à peine plus compliqué:
    Code:
    .quote .author {
        font-size: small;
        font-weight: bold;
    }
    .quote .author:after {
        content: " a écrit :";
    }
    .quote .text {
        border: 1px solid;
        padding: 0.2em;
        background-color: #CCC;
    }
    http://users.skynet.be/bs244610/div.html
    deleter_moi, 11 Septembre 2005
    #3
  4. Offline
    MbK_ Etudjant

    ha merci ca ca marche.

    Je connais pas toutes les ptites caracteristiques qu'on peu modifier.

    ex : padding: 0.2em;
    j'ai aucune idée de ce que ca veut dire ca
    MbK_, 11 Septembre 2005
    #4
  5. Offline
    Ezekiel ! Elite
    c'est le décalage vers l'intérieure de ton bloc (l'inverse de margin) mais moi je met la valeur en px...
    exemple : padding-left:2px;
    Ezekiel !, 11 Septembre 2005
    #5
  6. Offline
    deleter_moi ex membre
    http://www.w3.org/TR/CSS2/box.html#propdef-padding
    Et mettre les tailles en pixels c'est généralement pas une bonne idée (sauf pour une bordure de 1px par exemple) parce que dès que tu vas agrandir/rétrecir le texte (ce qui peut être fait pas l'utilisateur qui a un écran plus ou moins grand par exemple), la mise en page va se barrer en couilles. 0.2em c'est 1/5 de caractère, quelle que soit la taille du caractère.
    deleter_moi, 11 Septembre 2005
    #6
  7. Offline
    zemicmic Elite
    comment faut il faire pour rendre compatible vers d'autres browsers? j'ai un CSS mais sous FireFox et Opera.. mais les div se chevauchent....

    any idea?
    zemicmic, 22 Septembre 2005
    #7
  8. Offline
    Loetheri Absent
    Pour savoir ce qui cloche, faudrait qu'on puisse voir :p
    Regarde sur Internet les attributs qui ne sont pas supportés
    Loetheri, 22 Septembre 2005
    #8
  9. Offline
    zemicmic Elite
    zemicmic, 25 Septembre 2005
    #9
Statut de la discussion:
Fermée.