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