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,139
    Thanks
    7
    Thanked 257 Times in 256 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
    •