SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    SitePoint Enthusiast
    Join Date
    Jan 2009
    Posts
    58
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Absolute beginner cant get jpg image on page.

    Hi everyone,

    Great site by the way. I was wondering if anyone could help. I am an absolute beginner who recently bought the book "build your own website the right way using HTML and CSS". This is my very first taste of web design so I hope my question is not too basic. Please do not laugh!!

    I have been trying to add an image to the HTML page but it will not display when I open it in firefox.

    I have a folder on my desktop and inside a folder labled "web". In the Web folder I have a picture named "Hook looking happy.jpg" I have typed the following and it will not display when I save and open it in the web browser

    <p><img src="Hook looking happy.jpeg" width="200" height="162" alt="Hook standing up looking happy with himself"/></p>

    I have also tried to put it in another folder named Hook and changing it to:

    <p><img src="Hook/Hook looking happy.jpeg" width="200" height="162" alt="Hook standing up looking happy with himself"/></p>

    But no joy. I apologise if this is really basic and I have missed something really easy but I am determined to get the hang of web design. Could anyone help?

  2. #2
    SitePoint Author silver trophybronze trophy

    Join Date
    Nov 2004
    Location
    Ankh-Morpork
    Posts
    12,158
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    First of all, I would strongly recommend that you don't use file names with spaces in them (or mixing uppercase and lowercase letters). That will cause problems sooner or later.

    I don't know if it's a typo in your post, but you say that you have a picture named "Hook looking happy.jpg" and in your src attribute you write "Hook looking happy.jpeg". The name has to match exactly.

    My recommendation is that you rename the image file to "hook-looking-happy.jpg" and change the markup to,
    Code:
    <p><img src="hook-looking-happy.jpg" width="200" height="162" alt="Hook standing up looking happy with himself"/></p>
    Oh, and one more thing: do not apologise for your questions!
    There are no stupid questions, only stupid answers. If we do not ask, we cannot learn. Every expert was a beginner once.

    And welcome to SitePoint Forums!
    Birnam wood is come to Dunsinane

  3. #3
    SitePoint Enthusiast
    Join Date
    Jan 2009
    Posts
    58
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You are a star!!!

    I changed it all to lowercase, copy and pasted your markup to my file then copy and pasted the name from the file to the image and the picture popped straight up!!

    Thank you ever so much for your help and I will now continue building my very first website. Its really exciting!!

    Thanks again

  4. #4
    SitePoint Member
    Join Date
    Aug 2008
    Posts
    16
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hey Jan

    If you want to build a site easily there's a nice service from Google that you mind find useful

    http://www.google.com/sites/help/int.../overview.html

  5. #5
    SitePoint Author silver trophybronze trophy

    Join Date
    Nov 2004
    Location
    Ankh-Morpork
    Posts
    12,158
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Great! Good luck with your work, and don't hesitate to ask any questions that might pop up as you go along.
    Birnam wood is come to Dunsinane

  6. #6
    SitePoint Enthusiast
    Join Date
    Jan 2009
    Posts
    58
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Fantastic,

    Thanks for all your help everyone!!


Bookmarks

Posting Permissions

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