[HTML-CSS] pbme imbrication de cadres

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [HTML-CSS] pbme imbrication de cadres

slackerbitch

Trying to be *chart compliant*

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 :

<html>
<head>
<style>
p.sousmenu_nongras
{
margin: 50px 10px 10px 115px; /*pour les sous menus (petit cadre entre le menu principal et le contenu)*/
padding: 10px 10px 10px 20px; /*nous définissons des marges, la couleur du fond et le type de bordure */
color: black; /*ce style est défini pour les sous-menus ou le texte n'est pas gras */
background: plum;
width: 780px;
height= 10px;
text-align: left;
border: 2px dashed white;
border-width: 2px;
}
p.sousmenu
{
margin: 50px 10px 10px 115px; /*pour les sous menus (petit cadre entre le menu principal et le contenu)*/
padding: 10px 10px 10px 20px; /*nous définissons des marges, la couleur du fond et le type de bordure */
color: black; /*ce style est défini pour les sous-menus ou le texte est gras */
background: plum;
width: 780px;
height= 10px;
text-align: left;
border: 2px dashed white;
border-width: 2px;
font-weight: bold;
}
p
{
color: black; /*style utilisé pour le contenu du site, i.e. le cadre principal de la page*/
background: plum; /*les marges sont définies pour un alignement avec le reste du document*/
margin: 60px 15px 15px 115px;
padding: 20px 0px 20px 20px;
width: 780px;
height: 400px; /*on définit la hauteur minimale du cadre (400px)*/
text-align: left;
border: 2px dashed white; /*on définit le type de bordure du cadre*/
border-width: 2px;
}
table
{
align=left; /*un petit attribut pour les tableaux trés peu présents*/
}
tr
{
align:center; /*propriété pour les lignes des tableaux*/
}
td
{
align:center; /*propriétés pour chaque cellule de tableau*/
color:black;
font-style:italic
}
BODY
{
margin: 20px 20px 20px 20px; /*on définit des marges autour du corps du doc. pour "l'ecarter" des coins*/
background-color : palevioletred; /*couleur du fond utilisée pour tout le site*/
font-family : Arial, Times, courrier; /*on définit le type de police et ses caractéristiques*/
color : black;
}
a:link
{
color: black; /*toutes les propriétés qui suivent décrivent la façon dont se*/
text-decoration: underline; /*comportent les liens*/
}
a:visited
{
text-decoration: underline;
color: black;
}
a:hover
{
text-decoration: none;
color: black;
}
a:active
{
text-decoration: underline;
color: black;
}
</style>
<title>Bienvenus sur le site Web du LiL</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0" width="870">
<tr align=center>
<td><img src="img/LIL_sable.gif" alt="Logo du LIL" width="100" height="100"></td>
<td><img src="img/rien.gif" border=0></td>
<td><a href="index.php"><img src="img/accueil.gif" border=0 alt="Accueil"></a></td>
<td><a href="actu.php"><img src="img/actu.gif" border=0 alt="Actualités"></a></td>
<td><a href="axes.php"><img src="img/axes.gif" border=0 alt="Axes de Recherche"></a></td>
<td><a href="publis.php"><img src="img/publis.gif" border=0 alt="Publications"0></a></td>
<td><a href="membres.php"><img src="img/membres.gif" border=0 alt="Membres"></a></td>
<td><a href="collab.php"><img src="img/collab.gif" border=0 alt="Collaborations"></a></td>
<td><a href="plan.php"><img src="img/plan.gif" border=0 alt="Plan du site"></a></td>
<td><a href="infos.php"><img src="img/infos.gif" border=0 alt="Informations Pratiques"></a></td>
</tr>
</table>
<p class="sousmenu">
Bienvenus sur le site du Laboratoire d'Informatique du Littoral - LIL
</p>
<p>
<blockquote>
Bonjour, et bienvenue sur le site Web du Laboratoire d'informatique du Littoral.
</blockquote>
</p>
</body>
</html>

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

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

Publicité

antp

Super Administrateur
Champion des excuses bidons

SlaCkErBitCh a écrit :

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

peut-être parce qu'on peut pas

http://validator.w3.org

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

slackerbitch

Trying to be *chart compliant*

antp a écrit :

peut-être parce qu'on peut pas

http://validator.w3.org

cai nul
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> ;"

gizmo

SlaCkErBitCh a écrit :

on a jamais dit qu'une boite pouvait contenir n'importe quelle autre boite.

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

slackerbitch

Trying to be *chart compliant*

thank you well

FORUM HardWare.fr

Programmation

HTML/CSS

[HTML-CSS] pbme imbrication de cadres

Sujets relatifs
[CSS]Pourriez vous m'aider pour ce code (CSS ELITE)	Frames HTML - Question de sécurité
[js] compatibilité IE/Mozilla pour trier un <table> d'une page html	[XHTML/CSS] Demande d'avis sur cette page
[CSS] Cherche lien de menus horizontals	[CSS] Problème simple de répétition verticale.
Installation automatique de font (CSS 2.0)	[HTML] Place d'une image
[HTML]Besoin d'aide d'un mec qui touche un peu...	création d'un fichier excel en html (ancre nommé en bas de page??)
Plus de sujets relatifs à : [HTML-CSS] pbme imbrication de cadres

Page générée en 0.059 secondes