[CSS] remplacer les tableaux => <div>

Statut
N'est pas ouverte pour d'autres réponses.

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 :)
 
D

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
 
1er
OP
MbK_

MbK_

Etudjant
Foobar42 a dit:
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

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
 

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

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.
 

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?
 
Pour savoir ce qui cloche, faudrait qu'on puisse voir ^^
Regarde sur Internet les attributs qui ne sont pas supportés
 
Statut
N'est pas ouverte pour d'autres réponses.
Haut