image not appearing in preview - Post...

User 2110247 Photo


Registered User
6 posts

I have a page with a background image (through CSS) and the central image (It's a splash screen) and when I preview the page the bvackground shows up byut the center image isn;t anywhere to be found. The images are both in the same folder but it's like preview can;t find the lone image. This is my code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta name="generator" content="CoffeeCup HTML Editor (www.coffeecup.com)">
<meta http-equiv="Content-type" content="text/html;charset=UTF-8">
<meta name="created" content="Sat, 14 May 2011 16:50:00 GMT">
<meta name="description" content="">
<meta name="keywords" content="">
<title>Perez Computer Services Inc.</title>
<style type="text/css">
<!--
body {
height: 100%;
margin: 0;
padding: 0;
color:#000000;
background-color:#FFFFFF;
background-image:url('images/1400x1050bricks.jpg');
background-position:0 0;
background-attachment:fixed;
background-repeat:repeat;
}
a { color:#0000FF; }
a:visited { color:#800080; }
a:hover { color:#008000; }
a:active { color:#FF0000; }
div.container {
display: table;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}img.displayed {display: block; margin: 1em auto ;z-index:1;}
</style>
<!--[if IE]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<div class="container">
<p><img class="displayed" src="ucbang.gif" alt="Under Construction Image" title="Under Construction image" >< /p>
</div>
</body>
</html>

According to everything I have learned the image shoyuld be there. Am I missing something? Please help.
User 103173 Photo


VP of Software Development
0 posts

What is the URL to your website so we can look at what is going on?
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 117361 Photo


Ambassador
6,076 posts

Looks as if you might have a problem with a z-index placing. Try different values for that for the "floating" image.
User 94832 Photo


Registered User
5 posts

Are all of your images in the images folder? You have the ucbang.gif not in the image folder.
User 187934 Photo


Senior Advisor
20,196 posts

I would agree with Luis. You need. images/ucbang.gif :)
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.