[CSS] problème de DIV avec CLASS

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [CSS] problème de DIV avec CLASS

mifinoufou

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

Publicité

mifinoufou

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}

???

simogeo

j'ai jamais tué de chats, ...

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

mifinoufou

C quoi la différence entre écrire

P.essai {...}

.essai P {...}

mifinoufou

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

simogeo

j'ai jamais tué de chats, ...

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

Kristoph

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

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%

FORUM HardWare.fr

Programmation

HTML/CSS

[CSS] problème de DIV avec CLASS

Sujets relatifs
[C][Newbie] Probleme à la compilation	probleme complexe
probleme	[CSS] Feuille print qui part en sucette
[CSS] Div -> le texte ne s'affiche pas car pas de scrollbar	[reglé]probleme mysql
Problème de class sous Win XP	[CSS]un hover sur une cellule de tablo????
Plus de sujets relatifs à : [CSS] problème de DIV avec CLASS

Page générée en 0.055 secondes