I am new at dealing with tables using DIV, but my second image does not appear

Hi,
I have double checked and triple checked, but I cannot figure out why my second image (the picture in div.top2) is not displaying. The spelling is right. I have attached the files.
Also is there a way of aligning all the pictures towards the centre with the wording beneath lined up nicely as well?

Thanks for any help,
Mary

Expand|Select|Wrap|Line Numbers

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 
<HTML>
 
<HEAD>
 
<TITLE>Second Page</TITLE>
 
<STYLE type="text/css">

div#container
 
{
 
   width: 800px;

   background-color: black;
 
   position: relative;
 
   margin-top: 0px;
 
   margin-left: auto;
 
   margin-right: auto;

<p>
 
}

div.inside

{

float: left;

}

div.top1

{

height:  585px;

width: 400px;

background-color: black;

float: left;

}

div.top2

{

height: 585px;

width: 400px;

background-color: black;

float: right;

clear: right;

}

div.bottom1

{

height: 100px;

width: 400px;

background-color: black;

float: left;

clear: left;

}

div.bottom2

{

height: 100px;

width: 100px;

background-color: black;

float: left;

}

</style>

</head>

<body bgcolor="black">

<BGSOUND src="../heartbeat.wav" loop="-1">

<div class="container" align=center>

<font face="Bloodsuckers" size="7" color="#FF0000">Haunted House and Haunted Castle</font></p>

<IMG src="bloodybar.gif" alt="" border="0" width="800" height="24" style="position:relative;">
 
<div class="top1"><a href="hauntedhouse1.htm"><IMG src="http://bytes.com/images/hauntedhouse.jpg" alt="link to interior views for haunted house" border="0" width="400" height= "585"></a>

</div>

<div class="top2"><a href="hauntedcastle1.htm"><IMG src="http://bytes.com/images/hauntedcastle.jpg" alt="link to interior views for haunted castle" border="0" width="400" height="585"></a>

</div>

<div style="clear: left"></div>

<div class="bottom1"><a href="hauntedhouse1.htm"><font color="#FF0000">Haunted House--Click for Interior View</font></a>

</div>

<div style="bottom2"><a href="hauntedcastle1.htm"><font color="#FF0000">Haunted Castle--Click for Interior View</font></a>

</div>

</div>

<div align="center">

<p><P><P>&nbsp;<b><font color="#FF0000"><a href="index.htm"><font color="#FF0000">Home</font></a>

</div>

</BODY>
 
</HTML>

Attached Images

	hauntedcastle.jpg (15.5 KB, 190 views)
	hauntedhouse.jpg (13.2 KB, 242 views)

Nov 8 '09 #1

Subscribe Post Reply

✓ answered by CdnRebel

I have stripped the code down to the following and my image is not appearing.
The code below is saved in a temporary htm file and the image is stored in an images folder. Why is my image not displaying when I click on the htm file? It was displaying at one point. I thought I had saved a copy of the code where it did display, but I have resized the image since and it does not display now. This is the only problem I have left to deal with before uploading the changes.
Any help would be greatly appreciated.

Thanks,
Mary

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<TITLE>Home Page</TITLE>
<STYLE type="text/css">
div.container
{
width: 1100px;
background-color: black;
position: relative;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
div.top1
{
height: 765px;
width: 550px;
background-color: black;
float: left;
}
div.outside
{
height: 100px;
width: 1100px;
background-color: black;
float: left;
clear:left;
}
</STYLE>
</HEAD>
<BODY bgcolor="#000000" text="#000000" link="#FFFF00" vlink="#FFFFFF" style="SCROLLBAR-FACE-COLOR:#C0C0C0;SCROLLBAR-ARROW-COLOR:#000000;SCROLLBAR-3DLIGHT-COLOR:#C0C0C0;SCROLLBAR-DARKSHADOW-COLOR:#000000;SCROLLBAR-HIGHLIGHT-COLOR:#FFFFFF;SCROLLBAR-SHADOW-COLOR:#808080;SCROLLBAR-TRACK-COLOR:#C0C0C0;">

<DIV id="container" style="width: 1100; align=center">
<div class="top1"><IMG src="images/hauntedhouse.jpg" alt="link to interior views for haunted house" border="0" width="550" height= "765">
</div>
</div>
<div.outside>
<p><P><P> <b><font color="#FF0000"><a href="index.htm"><font color="#FF0000">Home</font></a>  
</div>
</BODY>

</HTML>

1930

Markus

6,050

Expert 4TB

I don't see your issue. Do you have a live server we can view the website on?

Nov 8 '09 #2

CdnRebel

Attached Images

hauntedhouse.jpg (16.1 KB, 154 views)

Nov 9 '09 #3

CdnRebel

Code was corrected and now first image doesn't appear

Nov 9 '09 #4

CdnRebel

Hi Markus,

It turns out that I had to save the pictures as .gif files for them to display. I thought the problem might have been my code.

Thanks,
Mary

Nov 9 '09 #5

Similar topics

Opera 7.23 doesn't show me inner tables

by: Mariusz Jedrzejewski | last post by:

Hi, I'll be very grateful if somebody can explain me why my Opera 7.23 (runing under linux) doesn't show me inner tables. Using below code I can see only "inner table 1". There is no problem with...

HTML / CSS

Thumbnail gallery without tables?

by: Max Quordlepleen | last post by:

Apologies for the crossposting, I wasn't sure which of these groups to ask this in. I have been lurking in these groups for a week or so, trying to glean what I need to design a simple, clean...

HTML / CSS

Reloading different images every second

by: src_mag | last post by:

Hello, I'd like to write JavaScript code that refreshes a frame once a second loading a different image each time. Basically, here's what the script would do: 0 sec load img0.gif 1 sec load...

Javascript

Relink MS Access tables using VB

by: Random Person | last post by:

Does anyone know how to use VBA to relink tables between two MS Access databases? We have two databases, one with VBA code and the other with data tables. The tables are referenced by linked...

Microsoft Access / VBA

GDI limitations dealing with panels and large images

by: Jaxson Tammaru | last post by:

Create a new form, chuck a panel on and place within the panel a picturebox of about 1000 * 5000, make an image that size set that to the image property of the picturebox, then set the minimum size...

C# / C Sharp

dealing with unsigned char* from C++ .lib

by: Stephen Cawood | last post by:

I'm trying to use a C++ .lib from C# (I tried the Interop group will no results). I have a working wrapper DLL (I can get back simple things like int), but I'm having issues dealing with an array...

C# / C Sharp

converting from tables to css

by: Dudely | last post by:

I want to be a good little author and use CSS. Therefore, I'm attempting to convert my tables to the equivalent CSS. Unfortunately, I can't reproduce the same results. Can someone take a look...

HTML / CSS

Converting tables layout to table-less

by: Shawn Northrop | last post by:

Hey everybody. I am trying to convert a website that was built using tables into one with using div tags. Not as easy as i thought. Heres the site http://www.jeanneflight.com/JF -- CSS layout...

HTML / CSS

Page breaks in tables

by: Andreas Prilop | last post by:

Firefox 3 (like older versions) ignores TR { page-break-before: always } for the first row of a TBODY. Sample page: http://www.unics.uni-hannover.de/nhtcapri/temp/1000.html Choose "Print...

HTML / CSS

Migrating Website to Cloud - Emmanuel Katto

by: emmanuelkatto | last post by:

Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel

General

Is that possible of reading the .csv file in column wise and the column have different lengths ?

by: Sonnysonu | last post by:

This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

C / C++

How to build RAID in BIOS?

by: Hystou | last post by:

There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...

Computer Hardware

What is ONU?

by: marktang | last post by:

ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...

General

Changing the language in Windows 10

by: Hystou | last post by:

Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...

Windows Server

Problem With Comparison Operator <=> in G++

by: Oralloy | last post by:

Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...

C / C++

Maximizing Business Potential: The Nexus of Website Design and Digital Marketing

by: jinu1996 | last post by:

In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

Online Marketing

The easy way to turn off automatic updates for Windows 10/11

by: Hystou | last post by:

Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...

Windows Server

AI Job Threat for Devs

by: agi2029 | last post by:

Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...

Career Advice