Fast help needed!

Discussion in 'HTML & Website Design' started by Coca Cola, Apr 1, 2011.

  1. #1
    Coca Cola, Apr 1, 2011 IP
  2. gift4usa

    gift4usa Peon

    Messages:
    55
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    I have a suggestion for that you have to take help through w3shcools.
     
    gift4usa, Apr 1, 2011 IP
  3. labraintellekt

    labraintellekt Peon

    Messages:
    125
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    If it is in wordpress or any cms framework it is easy. If not, you will need to study html to fix or edit that.
     
    labraintellekt, Apr 1, 2011 IP
  4. shahilroyhere

    shahilroyhere Well-Known Member

    Messages:
    189
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    130
    #4
    Now you have this -
    <div id="images">
    <img src="./images/MI_CounterDisplay_HR.jpg" width="200" height="200">
    <img src="./images/MI_Fade_Shield30_Stick_HR.jpg" width="200" height="200" float="right">
    <img src="./images/MI_Fade_Shield_Tube30_HR.jpg" width="200" height="200"><br> <br>
    ....
    </div>

    Do it like this -
    <div id="images">
    <p><img src="./images/MI_CounterDisplay_HR.jpg" width="200" height="200"> This is description for the image.</p>
    <p><img src="./images/MI_Fade_Shield30_Stick_HR.jpg" width="200" height="200" float="right"> This is description for the image.</p>
    ...
    </div>

    Now this in the CSS -
    #images p {
    float: left;
    height: 300px;
    width: 200px;
    }

    Adjust the height width according to the image.
     
    shahilroyhere, Apr 1, 2011 IP