Porte coulissante avec une queue

J'ai un <H2> avec un fond qui a des coins arrondis. Je cherche un moyen de créer une ligne 1px qui se déplace de la boîte à la fin du conteneur à droite. est-ce que quelqu'un a une idée?Porte coulissante avec une queue

Source

2009-01-09 psayre23

Pouvez-vous essayer d'être un peu plus précis? Une ligne verticale? Qui se déplace à l'intérieur du H2 jusqu'à la fin? –

Inclure la ligne dans l'image d'arrière-plan

Source

2009-01-09 19:22:41 brian

Oh, Et le contenu de la h2 est dynamique en longueur, mais pas en hauteur.Je peux faire une image de fond, mais je voudrais en quelque sorte être séparé de la boîte. – psayre23

Eh bien, j'ai finalement abandonné et coincé quelques divs dans mon h2. :(

CSS

#content h2 { 
    background: url(../images/bg-page-title.png) -900px 0px no-repeat; 
    font: 1.4em Georgia, Times, Arial bold; 
    height: 40px; 
    margin: 0px 20px; 
    text-transform: uppercase; 
} 

#content h2 .head { 
    background: url(../images/bg-page-title.png) no-repeat; 
    float: left; 
    padding: 8px 20px; 
    height: 100%; 
} 

#content h2 .tail { 
    background: url(../images/bg-page-title.png) -857px 0px no-repeat #ffffff; 
    float: left; 
    height: 100%; 
    width: 15px; 
}

HTML

<h2> 
    <div class="head">Find A Job</div> 
    <div class="tail">& nbsp;</div> 
</h2>

Source

2009-01-09 19:39:06 psayre23

Porte coulissante avec une queue

Répondre

Questions connexes