SitePoint Sponsor

User Tag List

Results 1 to 14 of 14

Thread: divers circle

  1. #1
    SitePoint Enthusiast
    Join Date
    Nov 2011
    Posts
    78
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    divers circle

    I've just made my way to page 48 of the book so far so good.
    Tried to add the image divers-circle not showing I have a folder on the desk top
    called web-work I insde this I have my index.html I then have an images folder in here
    with the divers circle image inside. Does that sound OK?
    Thanks,
    Barry

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,176
    Mentioned
    454 Post(s)
    Tagged
    8 Thread(s)
    Hi Barry360. Welcome to SitePoint.

    Which book?

  3. #3
    SitePoint Enthusiast
    Join Date
    Nov 2011
    Posts
    78
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi Ralph,
    Build your Own
    Web Site The Right Way
    using HTML & CSS

    By Ian LLOYD

  4. #4
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,176
    Mentioned
    454 Post(s)
    Tagged
    8 Thread(s)
    OK, yep, that sounds OK, but it will only work if the link paths are set correctly. Can you post the relevant HTML you have?

  5. #5
    SitePoint Enthusiast
    Join Date
    Nov 2011
    Posts
    78
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Do you mean all the code I've written so far? How do I go about that?

  6. #6
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,176
    Mentioned
    454 Post(s)
    Tagged
    8 Thread(s)
    Perhaps for starters just post code of the link. You can just copy code and paste it here as part of your answer (and preferably place code [ code ] tags around it—but without the gaps).

    Anyhow, what you presumably have is

    Code:
    <p><img src="divers-circle.jpg" ... </p>
    If the image isn't showing, it means the path to the file is wrong. If the image is in an /images/ folder insider your main folder (and the page itself is in the main folder) the link above would need to look like

    Code:
    <p><img src="images/divers-circle.jpg" ... </p>
    The red bit above tells the browser where to find the image. It's in the folder called /images/. But you have to spell that name exactly, including captials, for it to work. So if you folder is called /Images/, that link above won't work. You have to be very precise about this—so ideally follow the book to the letter to begin with to avoid pitfalls.

  7. #7
    SitePoint Enthusiast
    Join Date
    Nov 2011
    Posts
    78
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http:www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    >html xm1ns="http://www.w3.org/1999/xhtml">
     <head>
       <title>Bubble Under - The diving club for the south-west UK</title>
       <meta http-equiv="Content-Type"
          content="text/html; charset=utf-8" />
     </head>
     <body>
       <h1>BubbleUnder.com</h1>
       <p>Diving club for the south-west UK - Let's make a splash</p>
       <h2>Welcome to our super-dooper Scuba site</h2>
       <p><img src="divers-circle.jpeg" width="200" height="162"
           alt="A circle of divers practice their skills" ?></p> 
       <p>Glad you could drop in and share some air with us! You've
           passed your underwater navigation skills and successfully
           found your way to the start point - or in this case, our
           home page.</p>
       <h3>About Us</h3>
       <p>Bubble Under is a group of diving enthusiasts based in 
          the south-west UK who meet up for diving trips in the summer months when the weather is good and the bacon rolls are 
          flowing. We arrange weekends away as small groups to cut the 
          costs of accommodation and travel and to ensure that everyone 
          gets a trustworthy dive buddy.</p>
       <p>Although we're based in the south-west, we don't stay on our
          own turf: past diving weekends away have included trips up to 
          Scapa Flow in Scotland and to Malta's numerous wreck
          sites.</p>
       <p>When we're not diving, we often meet up in a local pub 
          to talk about our recent adventures (any excuse, eh?).</p>
       <h3>Contact Us</h3>
       <p>To find out more, contact Club Secretary Bob Dobalina
          on 1234 56789 or <a
          href="mailto:test@test.com.">email
          test@test.com</a>.</p>   
     </body>
    </html>

  8. #8
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,176
    Mentioned
    454 Post(s)
    Tagged
    8 Thread(s)
    Yeah, you need to include the images folder in the link. If my tip above isn't right, change the red word to the actual name of the images folder—whatever you've called it. If that doesn't help, tell us the ame of the images folder and I'll show you what the link needs to look like.

  9. #9
    SitePoint Enthusiast
    Join Date
    Nov 2011
    Posts
    78
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    My folder say's images all lower case

  10. #10
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,176
    Mentioned
    454 Post(s)
    Tagged
    8 Thread(s)
    OK, so alter the link to what I've shown above and the image will show.

  11. #11
    SitePoint Enthusiast
    Join Date
    Nov 2011
    Posts
    78
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi Ralph,
    Yes, did it but still does not show?

    Code:
    <p><img src="images/divers-circle.jpeg" width="200" height="162"
           alt="A circle of divers practice their skills" ?></p>

  12. #12
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,176
    Mentioned
    454 Post(s)
    Tagged
    8 Thread(s)
    OK, check other things then. In the book, the file is called

    Code:
    divers-circle.jpg
    while yours is

    Code:
    divers-circle.jpeg
    Like I say, no differences allowed. [You've gotta have eagle-eyes in this game.]

    EDIT: speaking of which, there is an errant ? in your code too:

    Code:
    <p><img src="images/divers-circle.jpeg" width="200" height="162"
           alt="A circle of divers practice their skills" ?></p>
    Remove that question mark, as it could cause damage.

    EDIT2: O, I see, it's a mistyped /. Change it to that.

  13. #13
    SitePoint Enthusiast
    Join Date
    Nov 2011
    Posts
    78
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks Ralph, I can see it now. Great!
    Thanks for getting me back on track so fast.
    Barry

  14. #14
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,176
    Mentioned
    454 Post(s)
    Tagged
    8 Thread(s)
    No worries, Barry! Good luck with the book, and feel free to ask lots of questions. We enjoy answering them.


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
  •