Doesn't seem to make any difference though.
Could it be anything to do with the fact that the div1_txt div is within
another div (transcontainer div)?
It's quite annoying really as I have the whole thing sorted apart from this
one div issue, oh well one of those things I guess !
-Darren
-----Original Message-----
From: Bryan F. Hogan [mailto:[EMAIL PROTECTED]
Sent: 11 November 2003 17:29
To: CF-Talk
Subject: RE: OT:Transparent Div question.
Make sure you put z-index on all the layers. Higher numbers make the
layer sit on top of layers with a lower z-index.
-----Original Message-----
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
Sent: Tuesday, November 11, 2003 12:19 PM
To: CF-Talk
Subject: RE: OT:Transparent Div question.
OK,
now this is driving me up the wall.
Can anyone spare 10 secs to look over this source code (I've stripped
away all the unimportant stuff) The default top bar overwrites
everything in the div1_txt.
Any ideas ?
-Darren
<cfsetting showdebugoutput="No">
<cfset request.DealerID = "4705">
<cfset request.width="1135">
<cfset request.totalHeight = "864">
<cfset request.topBarHeight="300">
<cfset request.topMiddleBarHeight="800">
<cfset request.middleBarHeight = #request.topMiddleBarHeight# -
#request.topBarHeight#> <cfset request.bottomBarTop =
#request.topMiddleBarHeight# - 70> <cfset request.bottomBarHeight =
#request.totalHeight# - #request.bottomBarTop#>
<cfoutput><div ID="TransContainer"
STYLE="position:absolute;top:0px;left:0px;width:#request.width#px;
height:#request.topMiddleBarHeight#px;filter:progid:DXImageTransform.Mic
roso
ft.Fade(duration=1.0,overlap=0.0);">
<!--- ##003056 --->
<div id="div1_txt"
style="z-index:2;visibility:hidden;font-family:Verdana;font-size:50px;ba
ckgr
ound:transparent;">
<style>
.textbold
{font-family:Arial;font-size:60px;color:white;padding-left:80px;
}
.text
{font-family:Arial;font-size:20px;color:white; }
.textorange
{font-family:Arial;font-size:40px;color:orange;padding-left:80px;
}
</style>
<!--- Top Band --->
<table width="100%" border="0"
height="#request.topBarHeight#" cellspacing="0" cellpadding="0">
<tr>
<td colspan="2">
<font
class="textbold">Vehicle</font><br>
<font
class="textorange">£Price</font>
</td>
</tr>
</table>
</div>
</div></cfoutput>
<cfoutput><div ID="defaultTop"
STYLE="position:absolute;top:0px;left:0px;width:#request.width#px;visibi
lity
:visible;height:#request.topBarHeight#px">
<table width="100%" border="0" height="300" bgcolor="##003056">
<tr align="left">
<td>
</td>
<td align="right"></td>
</tr>
</table>
</div></cfoutput>
<cfoutput><div
style="position:absolute;bottom:0px;left:0px;width:#request.width#px;vis
ibil
ity:visible;top:#request.bottomBarTop#px;background:##003056;">
<table width="100%" border="0"
height="#request.bottomBarHeight#"
bgcolor="##003056"></cfoutput>
<tr align="left">
<td><cfoutput><div
style="visibility:visible;font-family:Verdana;font-size:20px;color:white
;pad
ding-left:50px;">
To contact us outside of opening hours call BOB
on
0123 356 789</div></cfoutput>
</td>
<td align="right"></td>
</tr>
</table>
</div>
-----Original Message-----
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
Sent: 06 November 2003 12:53
To: CF-Talk
Subject: RE: OT:Transparent Div question.
Yeah thats what I thought, I have the default divs outside the central
content area div. Still can't get the other top divs to display on top
of the default top div.
Div layout as follows:
<div defaultTop>
</div defaultTop>
<div changable>
<div top>
</div top>
<div middle>
<div image>
</div image>
<div text>
</div text>
</div middle>
</div changable>
<div bottom>
</div bottom>
-----Original Message-----
From: Ewok [mailto:[EMAIL PROTECTED]
Sent: 05 November 2003 15:05
To: CF-Talk
Subject: Re: OT:Transparent Div question.
Try making everything BELOW the blue bar another div called
"ContentArea" or something and place your other divs inside that
cheers
----- Original Message -----
From: [EMAIL PROTECTED]
To: CF-Talk
Sent: Wednesday, November 05, 2003 6:49 AM
Subject: OT:Transparent Div question.
Hello All,
I've got a slideshow app, using data from a DB I build a series of
divs and
switch between them using JS and timeouts. (in a nutshell)
Everything works hunkey dorey except for one small problem with one of
the
Div's:
The page consists of a top blue bar (title and subtitle), bottom blue
bar
(generic contact info) and a middle area (content area - consisting of
a
table and an image).
The top and middle areas change with each cycle of the loop but
because the
page background is white I want to create a default top Div so that
the
different content top divs can be transparent and the change over of
div's
is smooth.
Basically I have tried setting the content top divs with
background:transparent; in the style and have played around with the
z-index
but, no matter what I try the default top div (the big blue bar)
covers up
all the content top Divs (blue bar with White and orange text)
Surely can't I setup something like:
<div id="defaultTop" style="background:darkblue;">
</div>
<div id="div1_txt" style="background:transparent;">
</div>
Therefore when I hide the div1_txt then make the next div visible the
blue
bar will still be there.
Ignoring the height, width and position why wont this work, why does
the
default top cover all the other top divs?
-Darren
[Todays Threads] [This Message] [Subscription] [Fast Unsubscribe] [User Settings]