Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4

Thread: Figcaption

  1. #1
    New Coder
    Join Date
    Feb 2013
    Posts
    44
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Figcaption

    I am having trouble getting my caption to center under my picture

    Code:
    <h2><a id="fultonsheen">FAQ's</a></h2>
    <figure><img src="/images/SheenHeader.jpg" height="250" width="375" style="float:right" vspace="10" hspace="10" alt="Fulton Sheen" ><figcaption>Archbishop Fulton Sheen</figcaption></figure>
    <p>There are a great many......</p>
    the caption is starting above my P

  • #2
    Senior Coder
    Join Date
    Aug 2006
    Posts
    1,267
    Thanks
    10
    Thanked 277 Times in 276 Posts
    You're floating the image to the right, yet leaving the caption where it defaults to. What about something more like this:
    Code:
    <h2><a id="fultonsheen">FAQ's</a></h2>
    <figure style="float:right" >
    	<img src="/images/SheenHeader.jpg" height="250" width="375" vspace="10" hspace="10" alt="Fulton Sheen" >
    	<figcaption style="text-align:center">Archbishop Fulton Sheen</figcaption>
    </figure>
    <p>There are a great many......</p>
    Float the figure right, and center the figcaption.

    Dave

  • Users who have thanked tracknut for this post:

    billboy (08-30-2013)

  • #3
    New Coder
    Join Date
    Feb 2013
    Posts
    44
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by tracknut View Post
    You're floating the image to the right, yet leaving the caption where it defaults to. What about something more like this:
    Code:
    <h2><a id="fultonsheen">FAQ's</a></h2>
    <figure style="float:right" >
    	<img src="/images/SheenHeader.jpg" height="250" width="375" vspace="10" hspace="10" alt="Fulton Sheen" >
    	<figcaption style="text-align:center">Archbishop Fulton Sheen</figcaption>
    </figure>
    <p>There are a great many......</p>
    Float the figure right, and center the figcaption.

    Dave
    Perfect

    Thank you

  • #4
    New Coder
    Join Date
    Feb 2013
    Posts
    44
    Thanks
    2
    Thanked 0 Times in 0 Posts
    I am trying to use the Figure/FigCaption on another website and no matter what I do all figures float to the left and the caption is off to the right

    Being very new to HTML I am assuming there is something in the css sheet that is causing this

    here is the site:

    http://bill-moran.com


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •