Cant position get quote graphic :-(

HTML & CSS
1

Hi from 21 degress C very sunny wakefield UK :slight_smile:

Here’s todays problem…
On this page http://www.pauserefreshment.co.uk/google_ad_june_2010.html
Ive got a problem with positioning the “Get quote” button - circled in red in the screenshot. I got the code from here… http://www.elated.com/articles/css-rollover-buttons/

Two questions please -
“How can a stop the top left get quote button from being stuck in the top left hand corner?” - I actually want it to sit below the rent & lease line in green"

Question 2 -
“How can I make the actual graphic appear. The button appears stripped of the image” I’m referring to the second circle to the right of the YOUTUBE latte art image.

Any insights welcome…

2

That now works thank you for your fix :slight_smile:

3

Clear the floated element and float the quote.


#header .quote{
    width: 107px;
    height: 23px;
    background: url("http://www.pauserefreshment.co.uk/images/model_bean/quote.gif") no-repeat 0 0;
[B]    clear:left;
    float:left;
    margin:-10px 0 0 20px;
    display:inline;[/B]
}

The one at the bottom seems to be outside the #aside div and therefore gets no styles because it is missed. (#aside .quote{…})

Check your html and move the quote into the correct div. There seems to be some invalid html in that section also confusing things. :slight_smile: