28221 sujets

CSS et mise en forme, CSS3

Bonjour à tous,
Smiley cligne
J'ai suivit pas à pas le tuto pour la création d'un cadre arrondi, et j'aimerai ajouter un titre dans l'arrondi supérieur du cadre, en texte et non en image. Comment faut-il m'y prendre Smiley confus
voici le code:

div#cadre {/* conteneur global et arrière-plan du titre du cadre */
width: 275px;
padding-top: 40px;
background: url(haut.gif) top left no-repeat;
}
div#bloccadre {/* arrière-plan bas et sur l'ensemble du cadre */
background: url(bas.gif) bottom left no-repeat;
padding-bottom: 40px;
}
div#bloccadre p {
margin: 0 30px 0 20px;
}


et en html

<div id="cadre">
		<div id="bloccadre">
		<p>Lorem ipsum dolor sit amet, bla bla bla....</p>
		</div>
	</div>


D'autre part, je vais répéter le cadre arrondi dans ma page, donc transformé en class, comment dois-je m'y prendre? // transformé le code
Merci d'avance et bonne journée
dup's Smiley cligne
Modifié par dups (21 May 2005 - 16:54)
Administrateur
dups a écrit :

J'ai suivit pas à pas le tuto pour la création d'un cadre arrondi, et j'aimerai ajouter un titre dans l'arrondi supérieur du cadre, en texte et non en image. Comment faut-il m'y prendre Smiley confus

Je ne comprends pas : si tu as suivi le tuto pas à pas, tu es obligatoirement passé par la partie "Variante : la création d'un menu".
Dans cette partie, tu as la création d'un cadre avec un titre (h1), dont voici l'exemple

Ce n'est pas ce que tu veux ?