[CSS] problème de DIV avec CLASS

Marsh Posté le 16-11-2003 à 14:47:42

Voila, j'ai créer une class comme tel :

div.titrecv {text-align:center}
table.titrecv {width:90%}
td.titrecv {width:50%}
hr.titrecv {width:50%}

et mon code html est le suivant :

<div class="titrecv">
<hr>
<table>
<tr>
<td><p>Objectif</p></td>
<td><p><a href="#haut">[Haut]</a></p></td>
</tr>
</table>
<hr>
</div>

Mais, à part me centrer le tableau, il ne prend pas en compte la largeur du tableau ni la largeur des hr. Toute les balises dans le div ont pourtant la meme class que le div ? Pourquoi cela ne fonctionne t il pas ? Merci de votre réponse

Reply

Marsh Posté le 16-11-2003 à 14:47:42

Reply

Marsh Posté le 16-11-2003 à 15:19:04

Autrement dis, est ce que si on déclare un bloc avec une balise div qui a une classe, toute les balise à l'interieur prennent t elles cette classe ?
Par exemple :

<div class="essai">
<p>bonjour</p>
<hr>
</div>

est ce que dans cet exemple la balise hr prendra le style définit dans le css par

hr.essai{width:60}

???

Reply

Marsh Posté le 16-11-2003 à 15:40:33

non, fais l'inverse

<div class="essai">
<p>bonjour</p>
<hr>
</div>

.essai hr{width:60px;}

et mets une unité a width

Message édité par simogeo le 16-11-2003 à 15:41:25

---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence

Reply

Marsh Posté le 16-11-2003 à 16:08:57

C quoi la différence entre écrire

P.essai {...}

et

.essai P {...}

?

Reply

Marsh Posté le 16-11-2003 à 16:13:34

Non plus, sa résoud tout les problème sauf un.mon code html est

<div class="titrecv">
<hr>
<table>
<tr>
<td><p>Objectif</p></td>
<td><p><a href="#haut">[Haut]</a></p></td>
</tr>
</table>
<hr>
</div>

et mon code css est :

.titrecv div {text-align:center}
.titrecv table {width:50%}
.titrecv td {width:50%}
.titrecv hr {width:50%}

Je voudrais que grace à la balise div et à .titrecv div {text-align:center} que mon tableau soit centré or il ne se centre pas. Comment pourrais je faire pour que mon tableau soit centrer ? merci de votre réponse

Reply

Marsh Posté le 16-11-2003 à 16:21:57

dans le premier cas, tu déclares une classe 'essai' qui s'applique à l'element P (dont les proprietés seront contenus entre accolades).

Code :

<p class="essai">blablabla</p> // sera tuné par ton css
<div class="essai">blablabla</div> // ne le sera pas

dans le second cas, tu déclares une classe 'essai' dont l'element P aura les proprietés contenues entre accolades.

Code :

<div class="essai">
<p>blablabla</p> // tuné par ton css
</div>
<div>
<p>blablabla</p> // // ne le sera pas
</div>

plus de renseignements sur le fonctionnement des selecteurs ici :
http://www.yoyodesign.org/doc/w3c/css2/selector.html

Message édité par simogeo le 16-11-2003 à 16:22:19

---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence

Reply

Marsh Posté le 16-11-2003 à 17:05:53

mifinoufou a écrit :

Non plus, sa résoud tout les problème sauf un.mon code html est

<div class="titrecv">
<hr>
<table>
<tr>
<td><p>Objectif</p></td>
<td><p><a href="#haut">[Haut]</a></p></td>
</tr>
</table>
<hr>
</div>

et mon code css est :

.titrecv div {text-align:center}
.titrecv table {width:50%}
.titrecv td {width:50%}
.titrecv hr {width:50%}

Je voudrais que grace à la balise div et à .titrecv div {text-align:center} que mon tableau soit centré or il ne se centre pas. Comment pourrais je faire pour que mon tableau soit centrer ? merci de votre réponse

Ce qu'il fallait faire :

div.titrecv {text-align:center}
.titrecv table {width:50%}
.titrecv td {width:50%}
.titrecv hr {width:50%}

Comme ça, toutes les balise <table> inclusent dans une element de classe .titrecv auront le formatage width:50%

Reply

[CSS] problème de DIV avec CLASS

Sujets relatifs:

Leave a Replay