Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2169 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [CSS] problème de DIV avec CLASS

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[CSS] problème de DIV avec CLASS

n°568107
mifinoufou
Posté le 16-11-2003 à 14:47:42  profilanswer
 

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

mood
Publicité
Posté le 16-11-2003 à 14:47:42  profilanswer
 

n°568119
mifinoufou
Posté le 16-11-2003 à 15:19:04  profilanswer
 

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}

???

n°568122
simogeo
j'ai jamais tué de chats, ...
Posté le 16-11-2003 à 15:40:33  profilanswer
 

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
n°568136
mifinoufou
Posté le 16-11-2003 à 16:08:57  profilanswer
 

C quoi la différence entre écrire

P.essai {...}


et

.essai P {...}


?

n°568141
mifinoufou
Posté le 16-11-2003 à 16:13:34  profilanswer
 

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

n°568145
simogeo
j'ai jamais tué de chats, ...
Posté le 16-11-2003 à 16:21:57  profilanswer
 

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 :
  1. <p class="essai">blablabla</p> // sera tuné par ton css
  2. <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 :
  1. <div class="essai">
  2. <p>blablabla</p> // tuné par ton css
  3. </div>
  4. <div>
  5. <p>blablabla</p> // // ne le sera pas
  6. </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
n°568156
Kristoph
Posté le 16-11-2003 à 17:05:53  profilanswer
 

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%


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [CSS] problème de DIV avec CLASS

 

Sujets relatifs
[C][Newbie] Probleme à la compilationprobleme 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


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR