Jump to content

JoHubb

Members
  • Content count

    7
  • Joined

  • Last visited

Community Reputation

0 Neutral

About JoHubb

  • Rank
    Newbie
  1. JoHubb

    Images stacked instead of in a row.

    Perfect. I missed that single </div> between the img child elements. Reduced padding to 5%. Thanks again, dsonesuk!
  2. JoHubb

    Images stacked instead of in a row.

    I have two images of different heights to be placed in a row between lines of text. Zoe C2 is a taller file by about 50% than Congo.jpg. This coding sets the pictures one on top of the other. I'd be grateful for advice. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Title of the document</title> <style> * { box-sizing: border-box; } .column { float: left; width: 50%; padding: 20px; } /* Clearfix (clear floats) */ .row::after { content: ""; clear: both; display: table; } </style> </head> <body> <h2>Four Foolish Maidens</h2> <p> These four were absolutely stupid. They forgot to bring oil for their lamps.</p> <div class="row"> <div class="column"> <img src="file:///home/howard/Pictures/Congo.jpg" alt="Congo" style="width:10%"> <div class="column"> <img src="file:///home/howard/Pictures/Zoe%20C2.png" alt="Zoe C2" style="width:100%"> </div> </div> </body> </html>
  3. JoHubb

    Images

    This did the trick! This way of doing things would seem pretty fool-proof, using as it does the exact path to the file. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Title of the document</title> </head> <body> <h2>Four Foolish Maidens</h2> <p> These four were absolutely stupid. They forgot to bring oil for their lamps.</p> <img src="file:///home/howard/Pictures/Congo.jpg" alt="Congo" width="826" height="516"> </body> </html> Many thanks!
  4. JoHubb

    Images

    Ok, I will try that. I'm travelling tomorrow and on Sat, so can't do much till Sunday or Monday. I plan to post again then.
  5. JoHubb

    Images

    I tried but still no image in .html file. Screenshots explain what I did. Thanks for your interest.
  6. JoHubb

    Images

    Thanks. But you are jumping ahead of me! I am running a desktop PC with Linux. It is not a server. I do not have a website. I am using the 'Try it Yourself' pages. When I try to open my own picture in a 'Try it Yourself' page, it cannot find it. Maybe I am jumping ahead of myself.
  7. JoHubb

    Images

    It's my first post and I am not far up the HTML learning curve. Thanks for having me on these boards. I run Linux Kubuntu and I don't follow this. How does the program know where to look for the sub-folder? There is no path...?? In any case there is no /images sub-folder in my set up. Do I need to create one somewhere? If so, where?
×