What's the best way of clearing the "Get Started" image on this page:
http://impowerdemo.com/clients/demoi...ina-silver-rn/
so it rises higher under the page text, and not below the image to the right?
| SitePoint Sponsor |





What's the best way of clearing the "Get Started" image on this page:
http://impowerdemo.com/clients/demoi...ina-silver-rn/
so it rises higher under the page text, and not below the image to the right?


HI,
Not sure I quite understand but if you don't want it to clear the image on the right then don't clear it
Or did you mean something else?Code:div.entry p img.aligncenter{clear:none}
www.pmob.co.uk CSS FAQ 3 col demo Read My CSS Articles
Ultimate CSS Reference
Check out SitePoint's latest JavaScript challenge





I just want the "Get Started" button to appear right under the text on the page, and now below the image to the right. It doesn't seem to want to wrap.


The code I gave you will make the image start just under the text above and not clear the image on the right. It will be centered under the text because you have it in a p tag that has an inline style of text-align:center.
That seems to be what you asked for but I think we may be taking at cross purposes?
You have the same rule twice in your style.css (line 618 and line 646) that is applying clear:both to the button.
Code:div.entry img.aligncenter{ clear:both; text-align:center; margin:10px auto; display: block; padding:5px; } div.entry p img.aligncenter{ clear:both; text-align:center; margin:10px auto; display: block; padding:0; }
www.pmob.co.uk CSS FAQ 3 col demo Read My CSS Articles
Ultimate CSS Reference
Check out SitePoint's latest JavaScript challenge





For reasons too complicated to explain here, I do not have the ability to edit the style sheet. I know this may sound weird, but is there some way I can add your code
in line atCode:div.entry p img.aligncenter{clear:none}
HTML Code:<h2><a title="Salon Hours" href="http://impowerdemo.com/clients/demoinstalls/essentials/salon-hours/">Salon Hours</a></h2>


You'd have to add it here.
Code:<p style="clear:none;text-align: center;"><a href="http://impowerdemo.com/clients/demoinstalls/essentials/your-initial-session/"><img width="224" height="51" src="http://impowerdemo.com/clients/demoinstalls/essentials/wp-content/uploads/2013/01/get_started.png" alt="Get Started" class="size-full wp-image-533 aligncenter"></a></p>
www.pmob.co.uk CSS FAQ 3 col demo Read My CSS Articles
Ultimate CSS Reference
Check out SitePoint's latest JavaScript challenge





I have replaced my code with yours. It doesn't seem to make a difference.
http://impowerdemo.com/clients/demoi...ina-silver-rn/


Ah sorry,
It needed to go here on the image:
Apologies.Code:<img style="clear:none" width="224" height="51" class="size-full wp-image-533 aligncenter" alt="Get Started" src="http://impowerdemo.com/clients/demoinstalls/essentials/wp-content/uploads/2013/01/get_started.png">
www.pmob.co.uk CSS FAQ 3 col demo Read My CSS Articles
Ultimate CSS Reference
Check out SitePoint's latest JavaScript challenge





That works!
http://impowerdemo.com/clients/demoi...ina-silver-rn/
Many thanks.
Bookmarks