Z-index and Dreamweaver CS3 Issue

•

What is DaniWeb IT Discussion Community?

You're currently browsing the HTML and CSS section within the Web Development category of DaniWeb, a massive community of 455,967 software developers, web developers, Internet marketers, and tech gurus who are all enthusiastic about making contacts, networking, and learning from each other. In fact, there are 3,740 IT professionals currently interacting right now! Registration is free, only takes a minute and lets you enjoy all of the interactive features of the site.

Join our community!

Please support our HTML and CSS advertiser: Lunarpages Web Hosting

Thread Tools Display Modes

Views: 2508 | Replies: 2

•

Join Date: Nov 2007

Posts: 11

Reputation: twkillswitch is an unknown quantity at this point

Rep Power: 1

Solved Threads: 0

twkillswitch twkillswitch is offline

Offline

Newbie Poster

Z-index and Dreamweaver CS3 Issue

Nov 20th, 2007

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!

•

Join Date: Nov 2007

Posts: 40

Reputation: kavithakesav is an unknown quantity at this point

Rep Power: 2

Solved Threads: 0

kavithakesav kavithakesav is offline

Offline

Light Poster

Re: Z-index and Dreamweaver CS3 Issue

Nov 21st, 2007

in style mention the width of that content

•

Join Date: Aug 2007

Posts: 2

Reputation: nic1213 is an unknown quantity at this point

Rep Power: 0

Solved Threads: 0

nic1213

Offline

Newbie Poster

Re: Z-index and Dreamweaver CS3 Issue

Nov 21st, 2007

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