Faire un titre avec fond extensible

Marsh Posté le 06-03-2009 à 20:18:35

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

Reply

Marsh Posté le 06-03-2009 à 20:18:35

Reply

Marsh Posté le 06-03-2009 à 21:45:13

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 )

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

Reply

Marsh Posté le 06-03-2009 à 22:48:26

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

Reply

Marsh Posté le 06-03-2009 à 23:00:47

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

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

Reply

Marsh Posté le 07-03-2009 à 12:25:28

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

Reply

Marsh Posté le 07-03-2009 à 21:36:27

HELP svp

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

Reply

Marsh Posté le 09-03-2009 à 14:26:09

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>

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

Reply

Faire un titre avec fond extensible

Sujets relatifs:

Leave a Replay