28173 sujets

CSS et mise en forme, CSS3

Bonjour,

C'est mon premier post, ...pour "tenter" de réaliser mon premier site.
J'ai le livre de Raphaël, que "j'aspire" très souvent... Mais voilà, j'ai des difficultés avec la page 189 (cadre arrondi de largeur fixe).

Voilà ce que j'obtiens : l'image du "cadre haut", le contenu formaté comme le reste du corps, et aucune trace du "cadre bas"... (capture d'écran jointe)

upload/6301-cadrarrondi.gif


1. HTML

<div id="corps">
<div id="cadrmission">
<div id="blocccadre">
<p>Cras rutrum faucibus sem. Aenean odio mi, ullamcorper non,
molestie ut,
fermentum vel, massa.<br />
Proin volutpat accumsan velit. Sed lacus purus, elementum ac, ornare
...
Proin aliquet tortor semper pede.
</p>
</div>
</div>
<h2>Proin quis velit</h2>
<p>
Aliquam sodales vehicula pede. Suspendisse potenti. Ut neque tortor,


Noter que j'ai placé la div du cadre dans celle du corps de la page...

2. CSS

...
#corps
{
	margin-left: 190px;
	margin-top: 2px;
	text-align: justify;
	font-size: 90%;
	line-height: 120%;
}

#corps h2
{
	margin-top: 36px;
	padding-right: 10px;
	height: 24px;
	font-weight: normal;
	font-size: 115%;
	letter-spacing: 0.1em;
	line-height: 150%;
	text-align: right;
	color: #FFFFFF;
	background-image: url("fdstitre.gif");
}

div#cadrmission
{
	margin-top: 30px;
	padding-top: 40px;
	background: url(cadrhaut.gif) left top no-repeat;
}

div#bloccadre
{
	background: url(cadrbas.gif) left bottom no-repeat;
	padding-bottom: 30px;
}

div#bloccadre p
{
	margin: 0 30px 0 20px;
}


Merci de m'aider à "boucler" le cadre.

Joël
salut,

alors pour commencer tu as ecrit blocccadre a la place de bloccadre.

Ensuite il faut que tu rajoutes un </div> pour fermer ton <div id="corps">

voila normalement ca devrait fonctionner.
Super ! Cela fonctionne parfaitement.
C'est chouette pour un débutant d'être soutenu, et dans de courts délais.
Merci beaucoup ; "à cause" de toi, je me prépare à alimenter mon projet, jusqu'à très tard (ou très tôt)...
Encore merci

Joël