New to webdesign, cant get images to show up
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, were 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
Can't, images, show, webdesign