Clever Geek Handbook

Sliding door with tail

I have one <H2>

with a background that has rounded corners. I'm looking for a way to create a string 1px

that moves from the window to the end of the container on the right. Anyone have an idea?

+1


source to share


2 answers


Well I finally gave up and got stuck in a div. :(

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>
+1


source


Include line in background image



0


source






More articles:


All Articles