Jump to content

  • Log in with Facebook Log in with Twitter Log In with Google      Sign In   
  • Create Account

Subscribe to HRA Now!

 



Are you a Google Analytics enthusiast?

Share and download Custom Google Analytics Reports, dashboards and advanced segments--for FREE! 

 



 

 www.CustomReportSharing.com 

From the folks who brought you High Rankings!



Photo
- - - - -

"float"


  • Please log in to reply
2 replies to this topic

#1 madams

madams

    HR 5

  • Active Members
  • PipPipPipPipPip
  • 504 posts
  • Location:Costa Blanca, Spain

Posted 05 June 2009 - 07:12 AM

Hi all you tech heads,

Is there a way to put a picture title, beneath the picture, that floats right with the picture and the page text floats around it. (code below)?

The picture float works fine but I cant find a answer to this puzzle.

CODE
<img class="floaterright" src="jpegs/lanzarote/lanz-playa-blanca.jpg" width="200" height="136" border="0" alt="Lanzarote Playa Blanca">


CODE
<style type="text/css">
    .floaterright {
        float: right;
        border: none;
        padding: 5px;
        margin: 5px;
         }</style>


#2 1dmf

1dmf

    Keep Asking, Keep Questioning, Keep Learning

  • Active Members
  • PipPipPipPipPipPipPip
  • 2,167 posts
  • Location:Worthing - England

Posted 05 June 2009 - 07:38 AM

if the image is in the <p> tag, try applying "text-align:right;" to the paragraph.





#3 madams

madams

    HR 5

  • Active Members
  • PipPipPipPipPip
  • 504 posts
  • Location:Costa Blanca, Spain

Posted 05 June 2009 - 08:10 AM

Thanks 1dmf

I have found a solution using <divs>

thumbup1.gif





0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

SPAM FREE FORUM!
 
If you are just registering to spam,
don't bother. You will be wasting your
time as your spam will never see the
light of day!