0

I am currently using dreamweaver cs3 to design a website for my company. I am familiar with html but lack much "know-how" in the css language.

I have created all of the layout features in photoshop cs3 and have saved them as images.
i.e: nav bar, header, footer, ect ect.

I have used a table to put these images in proper placeholding alignment.

I want to be able to get my content text over my middle image.

i have used absolute positioning and a z-index to place that text over the image. In DW before i preview the site in IE 6 it shows the text with its positioning over the image like asked. Here is my code to do this

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
#123{
    font-family: helvetica;
    font-size:10px;
    position: absolute;
    top:280px;
    left:155px;
    z-index:1;

}
</style>
</head>
<body>
<div id=123>
<p>This would be some text content.</p></div>
<div>

Once i preview it shoots the text to the top of my page and disregards the formatting described in my CSS.

Can someone please help me to fix this and get the text to properly display over the image with its positioning? I would appreciate it more than you know!

Edited by mike_2000_17: Fixed formatting

3
Contributors
2
Replies
3
Views
9 Years
Discussion Span
Last Post by nic1213
0

try and increase the z-index and try them on other browsers like firefox also specify the width you know you ccan even edit in the the design after coding it there and put the inverted commas just sometime these things coukd be funny for the fact you are using an interger doesnt mean anything you could move it in the deisn mode where you want the layer to be. cheers

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.