New to webdesign, cant get images to show up

So I’m new to webdesign, really new.

I recently started trying to follow tutorials about it but I’m having a hard time. I’m following one of those photoshop to html/css guides and even right at the beginning already having trouble.

The guide says to insert the image that you saved and do it like so.

<img src=”images/name of image.png” alt=”name of image” />

For my image it’s like this.

<img src=”images/light-box.png” alt=”light-box” />

And it never shows up, it’s just a broken image. It appears like this with any image I put in.

My folder structure is like this.

Images
Index.html
style.css

I’ve tried other browsers and it’s the same thing.

What am I doing wrong here?

This is the code from the guide. Basically this guide in this part is trying to get you to insert a logo from a sliced up psd and the logo will be a link to the home page.

<div id=”container”>
<div id=”header”>
<ul id=”nav”>
<li id=”li_home” class=”selected”></li>
<a href=”index.html”>Home</a>

<li id=”li_work”><a href=”work.
html”>Work</a></li>

<li id=”li_about”><a href=”about.
html”>About</a></li>

<li id=”li_contact”><a href=”contact.
html”>Contact</a></li>

</ul>

<div id=”slogan”>

<h1><a href=”index.html”>Light Box</a></h1>

<img src=”images/light-box.png” alt=”Light Box” />

<p>Hi, we’re LightBox, a completely
made up design agency that specializes in fresh, clean web
design and graphics. <a href=”about.html”>Find out more.

<a></p>
</div><!– end slogan–>
</div><!– end header–>

So what exactly is the issue, did he miss a step? This guide is from jeff way from nettuts an established designer so I cant see that he missed something simple like this.

View full post on Tycoon Talk

, , ,

Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Get Adobe Flash playerPlugin by wpburn.com wordpress themes


RSS Site FeedRSS Site Feed

© 1992-2011 DC2NET™, Inc. All Rights Reserved