|
|
 |
| CSS Cascading Style Sheets All issues relating to Cascading Style Sheets (CSS). |
Welcome to the p2p.wrox.com Forums.
You are currently viewing the CSS Cascading Style Sheets section of the Wrox Programmer to Programmer discussions. This is a community of tens of thousands of computer programmers including Wrox book authors and readers. As a guest, you can read any forum posting. By joining today you can post your own programming questions, respond to other programmers’ questions, win occasional prizes given to our best members, and eliminate the ads that are displayed to guests. Registration is fast, simple and absolutely free .
|
 |
|
|
 |
October 20th, 2005, 06:07 AM
|
|
Friend of Wrox
|
|
Join Date: Jan 2005
Location: Mauchline, East Ayrshire, Scotland
Posts: 1,521
Thanks: 0
Thanked 0 Times in 0 Posts
|
|
z-index problem with select showing through div
I have a problem with the code below,
when i mouseover a image I have to hide to <select> 'title1' and then show the DIV that pops-up.
What happens is that due to the rendering order of the DOM the select shows through the div, but is there any way
to NOT hide the <select> and just show the <div>. Setting some kind of order of rendering?
This is my code setup:
(the image mouseover is not shown to keep the code down)
Code:
<style>
.demo {color:#000000; border-color:#666666; background-color:<%=minirules%>; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold;
layer-background-color:#cccccc; position:absolute; bottom:0px; height:100px; visibility:hidden; z-index:5; border-color:#FFFFFF; border:inherit;}
.demo_t {font-family:Verdana; font-size:9px; color:#000000; border:1; border-color:#000000;}
</style>
<select name="title1" class="font4">
<option value="Mr">Mr</option>
<option value="Mrs">Mrs</option>
<option value="Miss">Miss</option>
<option value="Mstr">Mstr</option>
<option value="Ms">Ms</option>
</select>
<div id="demodiv" class="demo" style="width: 755px">
<table id="demodiv_t_Main" border="1" bordercolor="<%=brdColDark%>" width="100%" height="100" summary="The Mini-Rules DIV hidden or shown onMouseOver of 'VIEW RULES'">
<tr class="head2fnt" bordercolor="<%=brdColDark%>" height="10%">
<td colspan="2" nowrap lang="en">
<table width="100%" id="demodiv_SpecialInfo" class="head2fnt" summary="The Special Information row (if applicable)">
<tr class="head2fnt"></tr>
</table>
</td>
</tr>
<tr id="MinMaxStayTable">
<td nowrap lang="en" width="60%" id="piccolax" valign="top">
<table id="demodiv_t" width="100%" class="demo_t" summary="List of Mini Rules for this contract">
<tr valign="top"><td valign="top" class="border_bottom" nowrap><b>FARE RULES</b></td></tr>
</table>
</td>
<td nowrap lang="en" width="40%" id="crmpicco" valign="top">
<table id="demodiv_t_MinMax" class="demo_t" width="100%" border="0" summary="List of Min/Max Stays for this contract">
<tr valign="top"><td valign="top" class="border_bottom" nowrap><b>MIN/MAX STAY</b></td></tr>
</table>
</td>
</tr>
</table>
</div>
www.crmpicco.co.uk |
September 28th, 2006, 08:15 PM
|
|
Registered User
|
|
Join Date: Mar 2004
Location: , , .
Posts: 2
Thanks: 0
Thanked 0 Times in 0 Posts
|
|
Fortunatelly, iframes exist. iframes obscure anything below them!
intrader@attglobal.net |
| Thread Tools |
Search this Thread |
|
|
|
| Display Modes |
 Linear Mode
|
Posting Rules
|
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
HTML code is Off
|
|
|
|
|
