Image not showing up in HTML ??

Can anyone see why the following code:

<h3>Web Design</h3><div class="line"></div><div><img src="forest.jpg" alt="" style="margin-left:5px;margin-bottom:5px;float:right;display:block"><p class="content_p">Your web site is your window to the world. When viewing your site, visitors must be able to derive who you are, what you’re selling, and what your message is. Furthermore, a web presence is your sole means of interfacing with the Internet-browsing public, and subsequently you want to be able to maintain their interest as well as provide them with a useful online experience. Media Moguls will create an engaging Internet presence for you that will command attention, stimulate sales, and ultimately improve your overall bottom-line. Our web designs are innovative, aesthetically appealing, and superbly functional, creating ideal conditions for a positive online experience. We’ll enhance your site with the latest web technologies, including: HTML, CSS, PHP, and Javascript programming, Flash animation and multi-media, a MySQL database and SQL coding, and effective e-commerce solutions. In addition, our experience and excellence in graphic design and layout will help make your web site look its best. All in all, we’ll design a site for you that will heighten online awareness of your organization and keep visitors coming back again and again.</p></div><div style="clear:both"></div>

on the following page (http://www.mediamogulsweb.com/Demo_Site/index.php), doesn't show the image forest.jpg ??

I've used similar code for other pictures on this page, and all of those pictures show up beautifully....

Also, the file forest.jpg does exist and is on the server....

Any ideas?

thanks.

Maybe the filename is Forest.jpg instead of forest.jpg??? Is the only thing I can think of...

Maybe the filename is Forest.jpg instead of forest.jpg???

No, it's definitely forest.jpg....this is all very strange to me....

And while the page content is dynamically generated, the code that I pasted in this post is from the source code....So this is the HTML code that is outputting to the browser, but the picture just doesn;t show....

This is what I get when I try to look at the image individually.


The image “http://www.mediamogulsweb.com/Demo_Site/forest.jpg” cannot be displayed, because it contains errors.


That may be the problem :P

Something is fuxed up with the image itself

Yeah, I just fixed it...had to resave to another file...file was messed up....

BTW, where did you get an error message like that? You opened the file up in a browser window by itself? Just curious...could help me troubleshoot the problem later down the line, if it occurs... ;)

Thanks....

Yes I went to page source found the file...saw that it was in the same directory and just typed in the direct path.

Glad it helped.

A similar problem you may run into is that if you apply a class to an image in IE it often doesn't render it. All you need to do is add position: relative; to the class and you don't need to actually specify any coordinates or anything but for some reason IE won't render that image unless you apply position: relative.

A similar problem you may run into is that if you apply a class to an image in IE it often doesn't render it. All you need to do is add position: relative; to the class and you don't need to actually specify any coordinates or anything but for some reason IE won't render that image unless you apply position: relative.
Its a form of the peekaboo bug, happens with floated images sometimes, adding position:relative; to any element that is hiding but shouldn't be hiding fixes the peekaboo bug.

Good to know, thanks.... :)