CSS Help
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
User Name:
Password:
Remember me

The Shed is going Social! Join us on FaceBook and Twitter and chime in on the conversation.

Go Back   Dev Shed ForumsWeb DesignCSS Help

Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
Thread Tools Search this Thread Rate Thread Display Modes
 
Unread Dev Shed Forums Sponsor:
  #1  
Old June 8th, 2002, 12:20 PM
CyberN8 CyberN8 is offline
UberGeek
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Apr 2001
Posts: 67 CyberN8 User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 4 h 50 m 48 sec
Reputation Power: 13
Question CSS: table layer blocking div layer!

I'm using the following styles to create a split title bar:

PHP Code:
 DIV.title
{
    
float:left;
    
text-align:left;
    
background:none transparent;
    
white-space:nowrap;
    
z-index:1;
}
DIV.menu
{
    
float:right;
    
text-align:right;
    
background:none transparent;
    
white-space:nowrap;
    
z-index:3;



The HTML to produce this split title bar is as follows:
PHP Code:
<div class='title'>Title</div>
<
div class='menu'><a href='somewhere.com'>Somewhere</a></div

The code works fine outside of a table, but inside a table (specifically a caption), the hyperlink is blocked such that it cannot be clicked:

PHP Code:
<table>
    <
caption>                              
        <
div class='title'>Title</div>
        <
div class='menu'><a
href
='somewhere.com'>Somewhere</a></div>
    </
caption>
<
tr>
    <
td>Doo da</td>
    <
td>Day</td>
</
tr>
</
table


I've tried forcing the stacking order with z-index and also messed with background properties of the table and caption. Can anyone solve this dilemma? My desire is to maintain using captions...

Thanks,
N8.

Reply With Quote
  #2  
Old June 8th, 2002, 11:44 PM
CyberN8 CyberN8 is offline
UberGeek
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Apr 2001
Posts: 67 CyberN8 User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 4 h 50 m 48 sec
Reputation Power: 13
Just a note that this problem occurs in the CAPTION only. I can get it to work okay in a spanned TD. However, I'd rather use CAPTIONs than spanned TDs.

Also note that the problem is occurring in NN6.2.1 and when I set the -moz-opacity to something less than opaque (100%), I gain access to the hyperlink. Thus, I'm fairly certain that the issue is one of transparency and layers. I don't want to use -moz-opacity since NN6 bogs down miserably with it....

Thanks,
N8.

Last edited by CyberN8 : June 8th, 2002 at 11:47 PM.

Reply With Quote
  #3  
Old June 9th, 2002, 11:05 AM
degsy degsy is offline
Contributing User
Dev Shed Intermediate (1500 - 1999 posts)
 
Join Date: Nov 2001
Posts: 1,882 degsy User rank is Sergeant (500 - 2000 Reputation Level)degsy User rank is Sergeant (500 - 2000 Reputation Level)degsy User rank is Sergeant (500 - 2000 Reputation Level)degsy User rank is Sergeant (500 - 2000 Reputation Level)degsy User rank is Sergeant (500 - 2000 Reputation Level) 
Time spent in forums: 5 Days 21 h 19 m 30 sec
Reputation Power: 18
I'm not sure why it isn't working, but the Caption attribute is depreciated.

Why do you want/need to use it?

Reply With Quote
  #4  
Old June 9th, 2002, 12:23 PM
CyberN8 CyberN8 is offline
UberGeek
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Apr 2001
Posts: 67 CyberN8 User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 4 h 50 m 48 sec
Reputation Power: 13
I wanted to use CAPTIONs because it made CSS a bit more cross-functional than trying to use selectors (first-childs, etc.) for TRs.

Furthermore, the CAPTION automatically spans any number of columns, while with using TRs and TDs to create a caption, you must call COLSPAN (is there a CSS wildcard to span all columns? I know there is a CSS attribute to span a specific number...).

I've worked around the issue by making a special class of TR and then by using COLSPAN in the first TD (my PHP script plugs in the correct number of columns to span).

Take care,
N8

Reply With Quote
Reply

Viewing: Dev Shed ForumsWeb DesignCSS Help > CSS: table layer blocking div layer!

Developer Shed Advertisers and Affiliates



Thread Tools  Search this Thread 
Search this Thread:

Advanced Search
Display Modes  Rate This Thread 
Rate This Thread:


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox
Forum Jump

Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
  
 


Powered by: vBulletin Version 3.0.5
Copyright ©2000 - 2013, Jelsoft Enterprises Ltd.

© 2003-2013 by Developer Shed. All rights reserved. DS Cluster - Follow our Sitemap