dcsimg
www.webdeveloper.com
Results 1 to 9 of 9

Thread: Images

  1. #1
    Join Date
    Oct 2016
    Posts
    1

    Images

    how can I get some text underneath the image on my website????

    http://www.furnituresales.online/

    I have some images but the text is right next to them, how can I put it underneath the picture or above the picture????

  2. #2
    Join Date
    Dec 2012
    Posts
    1,180
    Google for "html figure", then you will find the solution.

  3. #3
    Join Date
    Oct 2016
    Posts
    6
    You can try using the <p>tag after the <img> tag it should place the text below depending on the display type of your image.

  4. #4
    Join Date
    Mar 2012
    Posts
    3,717
    Hi and welcome to the site.

    Your code is obsolete. You should be using CSS classes to format the page not HTML <centre> etc... A quick and dirty fix is to use inline CSS, e.g. amend:

    Code:
    <center>Bathroom Vanities - Traditional</center>
    to:
    Code:
    <span style="width:100%;text-align:center;">Bathroom Vanities - Traditional</span>
    or perhaps:
    Code:
    <p style="width:100%;text-align:center;">Bathroom Vanities - Traditional</p>

  5. #5
    Join Date
    Oct 2013
    Location
    Sheboygan, Wisconsin
    Posts
    1,104
    HTML <center> Tag. Not Supported in HTML5.

  6. #6
    Join Date
    Nov 2016
    Posts
    1
    <style>
    #imagewithcaption {
    float:left;
    width: 178px;
    text-align:center;
    }
    </style>
    <p id=imagewithcaption><img src="/images/picture.jpg" width="178" height="103" />bla3 bla3 bla3</p>
    <p>bla1 bla1 bla1</p>
    <p>bla2 bla2 bla2</p>

  7. #7
    Thank you for the awesome worth coding explanation!!!

  8. #8
    Join Date
    Apr 2016
    Posts
    5
    In order to be able to justify the text, you need to know the width of the image. You can just use the normal width of the image, or use a different width, but IE 6 might get cranky at you and not scale.

    Here's what you need:
    Code:
    <style type="text/css">
    #container { width: 100px; //whatever width you want }
    
    #image {width: 100%; //fill up whole div }
    
    #text { text-align: justify; }    
    </style>
    
     <div id="container"> 
         <img src="" id="image" /> 
         <p id="text">oooh look! text!</p> 
     </div>

  9. #9
    Did you apply all of there suggestion?

    *** Link deleted by moderator. Please do not spam this site ***

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

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



Recent Articles