SitePoint Sponsor

User Tag List

Results 1 to 3 of 3

Hybrid View

  1. #1
    SitePoint Member
    Join Date
    Sep 2013
    Posts
    19
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    The browser does not display a image (photo)

    Good afternoon, ladies and gentlemen!

    I'm learning HTML and CSS on the book "Build Your Own Website: The Right Way Using HTML & CSS" by Ian Lloyd.
    But, unfortunately, in the process of learning I have a problem.
    The problem is that the browser does not display any picture.
    (On my computer has three (3) of the browser:Google Chrome, FireFox and Internet Explorer. Neither browser does not display the picture!)
    I would like to first insert any photo that is on my computer (for the trial) in the lay-out, but nothing happened! The browser displays only the frames for photos and alternative inscription in it.
    I checked a thousand times all the lay-out . It seems all right. I'm sure this is closer to 100%, which is all right.Then I decided to download all the files that are attached to that on the specific site and try to insert a photo of divers. But, unfortunately, after the insertion of the photo in lay-out the browser ceased to display an alternative inscription (!), which I pointed out from the book.

    Could you help me to understand this fact?

    Thank you in advance for your help

    My lay-out is as follows:

    HTML Code:
    <!DOCTYPE html>
    <html lang="en">
    <head>
    <title>Bubble Under - дайвинг-клуб на юго-западе Великобритании</title>
    <meta charset="windows - 1251"/>
    <link href="style1.css" rel="stylesheet" type="text/css"/>
    </head>
    <body>
    <div id="header">
    <div id="sitebranding">
    <h1>BubbleUnder.com</h1>
    </div> <!-- окончание раздела sitebranding -->
    <div id="tagline">
    <p>Bubble Under - дайвинг-клуб на юго-западе Великобритании - сделай плюх с нами!</p>
    </div> <!-- окончание раздела  tagline -->
    </div> <!-- окончание раздела header -->
    <div id="navigation">
    <ul>
    <li><a href="basic.html">Главная страница</a></li>
    <li><a href="about.html">О нас</a></li>
    <li><a href="contact.html">Свяжитесь с нами</a></li>
    </ul>
    </div> <!-- окончание раздела navigation -->
    <div id="bodycontent">
    <h2>Мы рады, что вы погрузились на наш классный сайт!</h2>
    <p><img  src="divers-circle.jpg" width="200"  height="162" alt="Группа дайверов тренируется"/></p> - (browser does not display THIS item)
    <p>Круто, что вы заглянули и поделитесь с нами воздухом! Благодаря вашему классному умению ориентироваться под водой вы успешно нашли путь к стартовой
     точке -  в данном случае к нашей главной странице. </p>
    
    </div> <!-- окончание раздела bodycontent -->
    </body>
    </html>
    Last edited by cpradio; Sep 18, 2013 at 05:16.

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,117
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    Hi Daria Alexeeva. Welcome to the forums.

    There are just a couple of simple reasons why that image might not display on screen.

    - the image might be in the wrong place. Given your code, the image should be in the same folder as the page that ii linking to it.

    - the image might have the wrong name. It must be exactly divers-circle.jpg. If it's anything different—with capital letters, an underscore or whatever—it won't work.
    Facebook | Google+ | Twitter | Web Design Tips | Free Contact Form

    Forum Usage: Tips on posting code samples, images and more

    Forrest Gump: "IE is like a box of chocolates: you never know what you're gonna get."

  3. #3
    SitePoint Member
    Join Date
    Oct 2013
    Posts
    10
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Use relative path for adding pictures...
    for example:
    <img src="../foldername/divers-circle.jpg" width="200" height="162" alt="Группа дайверов тренируется"/>


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
  •