[HTML-CSS] pbme imbrication de cadres

pbme imbrication de cadres [HTML-CSS] - HTML/CSS - Programmation

Marsh Posté le 16-04-2004 à 10:24:27    

Bonjour !
j'ai un petit soucis avec mes css
je n'arrive pas à inserer qqchose d'autre que du texte a l'intérieur d'une balise <p>
cad que qd je fais un <blockquote> par exemple, le contenu de ce blockquote n'est pas contenu à l'intérieur de mon cadre <p></p>
il en est de même pour toutes les balises définissant des 'blocs'
ainsi, je n'arrive pas à imbriquer une balise <p> dans une autre ...
 
je précise que je débute et que je pense que cette erruer doit être simple à résoudre, mais je n'ai pas trouvé réponse sur le web ...
je trouve que des sitres qui me disent que c'est facile d'imbriquer des blocs !
 
Bref, je crois que vous m'avez compris, si vous aviez une petit idée ...
 :hello:  
 
ci-desous le code en question
 

Code :
  1. <html>
  2. <head>
  3. <style>
  6. p.sousmenu_nongras
  7. {
  8. margin: 50px 10px 10px 115px;   /*pour les sous menus (petit cadre entre le menu principal et le contenu)*/
  9. padding: 10px 10px 10px 20px;   /*nous définissons des marges, la couleur du fond et le type de bordure  */
  10. color: black;                   /*ce style est défini pour les sous-menus ou le texte n'est pas gras     */
  11. background: plum;
  12. width: 780px;
  13. height= 10px;
  14. text-align: left;
  15. border: 2px dashed white;
  16. border-width: 2px;
  17. }
  19. p.sousmenu
  20. {
  21. margin: 50px 10px 10px 115px;     /*pour les sous menus (petit cadre entre le menu principal et le contenu)*/
  22. padding: 10px 10px 10px 20px;     /*nous définissons des marges, la couleur du fond et le type de bordure  */
  23. color: black;                     /*ce style est défini pour les sous-menus ou le texte est gras     */
  24. background: plum;
  25. width: 780px;
  26. height= 10px;
  27. text-align: left;
  28. border: 2px dashed white;
  29. border-width: 2px;
  30. font-weight: bold;
  31. }
  33. p
  34. {
  35. color: black;                     /*style utilisé pour le contenu du site, i.e. le cadre principal de la page*/
  36. background: plum;                 /*les marges sont définies pour un alignement avec le reste du document*/
  37. margin: 60px 15px 15px 115px;
  38. padding: 20px 0px 20px 20px;
  39. width: 780px;
  40. height: 400px;                    /*on définit la hauteur minimale du cadre (400px)*/
  41. text-align: left;
  42. border: 2px dashed white;         /*on définit le type de bordure du cadre*/
  43. border-width: 2px;
  44. }
  47. table
  48. {
  49. align=left;  /*un petit attribut pour les tableaux trés peu présents*/
  50. }
  52. tr
  53. {
  54. align:center;   /*propriété pour les lignes des tableaux*/
  55. }
  57. td
  58. {
  59. align:center;   /*propriétés pour chaque cellule de tableau*/
  60. color:black;
  61. font-style:italic
  62. }
  64. BODY
  65. {
  66.   margin: 20px 20px 20px 20px;           /*on définit des marges autour du corps du doc. pour "l'ecarter" des coins*/
  67. background-color : palevioletred;      /*couleur du fond utilisée pour tout le site*/
  68.   font-family : Arial, Times, courrier;  /*on définit le type de police et ses caractéristiques*/
  69.   color : black;
  70. }
  72. a:link
  73. {
  74. color: black;                    /*toutes les propriétés qui suivent décrivent la façon dont se*/
  75. text-decoration: underline;      /*comportent les liens*/
  76. }
  78. a:visited
  79. {
  80. text-decoration: underline;
  81. color: black;
  82. }
  84. a:hover
  85. {
  86. text-decoration: none;
  87. color: black;
  88. }
  90. a:active
  91. {
  92. text-decoration: underline;
  93. color: black;
  94. }
  96. </style>
  97. <title>Bienvenus sur le site Web du LiL</title>
  98. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  99. </head>
  100. <body>
  101. <!--tableau présentant les différents éléments du menu-->
  102. <table border="0" cellpadding="0" cellspacing="0" width="870">
  105.   <tr align=center>
  106.   <td><img src="img/LIL_sable.gif" alt="Logo du LIL" width="100" height="100"></td>
  107.   <td><img src="img/rien.gif" border=0></td>
  108.   <td><a href="index.php"><img src="img/accueil.gif" border=0 alt="Accueil"></a></td>
  109.   <td><a href="actu.php"><img src="img/actu.gif" border=0 alt="Actualités"></a></td>
  110.   <td><a href="axes.php"><img src="img/axes.gif" border=0 alt="Axes de Recherche"></a></td>
  111.   <td><a href="publis.php"><img src="img/publis.gif" border=0 alt="Publications"0></a></td>
  112.   <td><a href="membres.php"><img src="img/membres.gif" border=0 alt="Membres"></a></td>
  113.   <td><a href="collab.php"><img src="img/collab.gif" border=0 alt="Collaborations"></a></td>
  114.   <td><a href="plan.php"><img src="img/plan.gif" border=0 alt="Plan du site"></a></td>
  115.   <td><a href="infos.php"><img src="img/infos.gif" border=0 alt="Informations Pratiques"></a></td>
  116.   </tr>
  117. </table>
  118. <p class="sousmenu">
  119. Bienvenus sur le site du Laboratoire d'Informatique du Littoral - LIL
  120. </p>
  122. <p>
  124. <blockquote>
  125.  Bonjour, et bienvenue sur le site Web du Laboratoire d'informatique du Littoral.
  126. </blockquote>
  128. </p>
  129. </body>
  130. </html>


 
essyer sans les blockquote, ca marche trés bien ...


Message édité par slackerbitch le 16-04-2004 à 10:29:25
Reply

Marsh Posté le 16-04-2004 à 10:24:27   

Reply

Marsh Posté le 16-04-2004 à 10:47:23    

SlaCkErBitCh a écrit :


ainsi, je n'arrive pas à imbriquer une balise <p> dans une autre ...
 


 
peut-être parce qu'on peut pas :o
 
http://validator.w3.org


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 16-04-2004 à 11:01:43    

antp a écrit :


 
peut-être parce qu'on peut pas :o
 
http://validator.w3.org

cai nul :o  
en fait je pensais que je pouvais aprés avoir lu ca :
 
http://openweb.eu.org/articles/initiation_display/
 
"Une boîte bloc peut contenir :
 
d'autres boîtes blocs ; par exemple, un paragraphe dans un bloc de citation : <blockquote><p>?</p></blockquote> ;"  

Reply

Marsh Posté le 16-04-2004 à 11:14:50    

SlaCkErBitCh a écrit :

cai nul :o  
en fait je pensais que je pouvais aprés avoir lu ca :
 
http://openweb.eu.org/articles/initiation_display/
 
"Une boîte bloc peut contenir :
 
d'autres boîtes blocs ; par exemple, un paragraphe dans un bloc de citation : <blockquote><p>…</p></blockquote> ;"  
 


on a jamais dit qu'une boite pouvait contenir n'importe quelle autre boite. :o
 
Si tu veux la grammaire exacte avec ce qui peut être imbriqué et ce qui ne peut pas, regarde ça: http://www.w3.org/TR/xhtml1/dtds.h [...] 1.0-Strict

Reply

Marsh Posté le 16-04-2004 à 18:15:55    

thank you well

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed