H2 graphiques

Salut à tous, voilà je souhaiterais réaliser des h2 un peu graphiques avec rectangle arrondi en fond en fait, j'ai donc utiliser le tuto de alsa sur les cadres entièrement étirables, le problème est que on spécifié un taille en em pour que le cadre s'étire en hauteur et largeur lorsqu'on agrandi la police. Le problème c'est que moi je veut que le cadre s'étire en largeur en fonction ce que je met dedans dès le départ sans agrandir ou réduire la police.

j'espère avoir avoir été clair et suis preneur pour vos idées, merci...
Modifié par djalouk (10 Jul 2006 - 16:40)

Salut

Si tu mets ta largeur en pourcentage du devrais t'en sortir.
Avec les 4 images de tes 4 coins collés dans les angles...

C'est bien la méthode que j'utilise, mais avec les em ou pourcentage le problème est le même, le cadre arrondi prend une largeur prédéfinie quand meme, même si elle est relative

voici mon code
XHTML

<div class="titre2_cadre">
	<div class="titre2_hautdroit"></div><div class="titre2_hautgauche"></div>
	<div id="titre2_contenu">
		<h2>Titre 2 balsdfpsdfdsfdffghfgfghfgfghhfghfghfghfgbdfbdfbdfbs</h2>
	</div>
	<div class="titre2_basdroit"></div><div class="titre2_basgauche"></div>
</div>

CSS

.titre2_cadre {
	width: ;/*c'est le cadre qui tient l'ensemble, c'est là que je ne sais pas comment faire*/
	height:100%;
	background-color: #C74939;
	
}

.titre2_hautgauche, .titre2_hautdroit, .titre2_basgauche, .titre2_basdroit {
	height: 5px; width: 5px;
	background-repeat: no-repeat;
	font-size:1px; /* correction d'un bug IE */

}

.titre2_hautgauche {
	background: url(images/titre2_hautgauche.gif);
}

.titre2_hautdroit {
	float: right;
	background: url(images/titre2_hautdroit.gif);
}

.titre2_contenu {
	
	
}

.titre2_basgauche {
	background: url(images/titre2_basgauche.gif);
}

.titre2_basdroit {
	float: right;
	background: url(images/titre2_basdroit.gif);
}

#contenu h2
{
	margin:0;
	padding:0;
	font-size:110%;
	color:#fff;
}