Faire un titre avec fond extensible

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Faire un titre avec fond extensible

Tex_fr

Salut ,

Je cherche à faire un un titre avec un fond extensible et des bords arrondi a gauche et a droite, comme sur l' exemple que j' ai fait :

j' aimerais que la case ou ya ecrit "titre" s' allonge (en longueur) en fonction de la longueur du titre et qu' il y ai des bords arrondi de chaque coté

Pouvez vous m' aider ?

J' ai deja essayé plein de methode mais rien n' y fait

Merci d' avance

---------------
E8200 - 2go 1066mhz Ocz - 8800 GT xfx - DD seagate 250 go

Publicité

flo850

moi je

trois blocs : un a gauche et un a droite, de largeur fixe, contiennent les arrondis
le central est extensible et a comme image de fond soit un motif qui se repete , soit une image de fond de tres grande largeue ( 2000px par exemple )

---------------

Tex_fr

Dans le bloc central, mon fond va jusqu' au bout de la ligne, c'est normal ?

---------------
E8200 - 2go 1066mhz Ocz - 8800 GT xfx - DD seagate 250 go

flo850

moi je

pas forcement

<h1><span class="coingauche"></span>mon titre<span class="coindroit"></span></h1>

si tu ne donne des largeur qu'a h1 .coinGauche et a h1 .coinDroit ca devrai le faire

---------------

Tex_fr

Avec :

Citation :

<h2><span class="coingauche"></span><?php echo $donnees['titre']; ?> <span class="coindroit"></span></h2

>

Et :

Citation :

h2 {
margin-top: px;
font-family: Trebuchet MS;
font-size: 1.3em;
color: #83704e;
background-image: url("images/fondtitre.jpg" );
background-repeat: repeat-x;
}

.coingauche
{
width: 12px;
height: 48px;
background-image: url("images/coingauche.jpg" );
}

.coindroit
{
width: 18px;
height: 48px;
background-image: url("images/coindroit.jpg" );
}

J' obtient :

Message édité par Tex_fr le 07-03-2009 à 12:27:11

---------------
E8200 - 2go 1066mhz Ocz - 8800 GT xfx - DD seagate 250 go

Tex_fr

HELP svp

---------------
E8200 - 2go 1066mhz Ocz - 8800 GT xfx - DD seagate 250 go

flo850

moi je

http://www.pompage.net/pompe/portescoulissantes/

Code :

<html>
<head>
<title> test</title>
<style>
h2 {  
 font-size: 1.3em;  
 color: #83704e;  
background:url("droit.png" ) right top;
 height:48px;
 }  
  
 .coingauche  
 {  
 width: 21px;  
 height: 48px;  
display:block;
 background:red url("gauche.png" );
float:left;
 }

</style>
</head>
<body>
<h2><span class="coingauche"></span> mon titre </h2>
</body>
</html>

---------------

FORUM HardWare.fr

Programmation

HTML/CSS

Faire un titre avec fond extensible

Sujets relatifs
[MFC] CTabCtrl problème de couleur de fond	Titre d'un script CGI Perl
Positionnement objet et image de fond	Pogrammer sur un fond dégradé
Comment organiser un titre ?	titre et CSS
Soucis avec include dans le titre..	Fond qui se répète
titre .exe visual basic	Design extensible
Plus de sujets relatifs à : Faire un titre avec fond extensible

Page générée en 0.025 secondes