CSS style within table cell works after being hovered over

I am attempting to create a menu using <div> and tags within a
table cell. When the page loads, some of the classes don't seem to be
applied. If I hover over the menu everything is fine from that point
on. If I remove the table everything renders correctly, and I have no
problems. Unfortunately, I need to nest this menu within a table. I
am currently having this problem in IE 6. Thanks in advance for the
help!

<html>
<style type="text/css">
.menu .aa { width: 5px; float: left; border-bottom: 1px solid
#000; background: #bcd; }
.menu .bb { float:left; padding:2px 0 2px 0; border-bottom:1px
solid #000; border-top:1px solid #000; background:#bcd ;
text-align:center; }
.menu .sela { width:5px; float:left; background:#fff ;
font-size:1em;}
.menu .selb {float:left; padding:2px 0 2px 0; border-top:1px solid
#000; background:#fff ; color:#f00; font-size:1em;}
.menu .va {width:1px; float:left; border-top:5px solid #fff;
background:#000 ; overflow:hidden ;}
.menu .vb {width:1px; float:left; height:1px; background:#ccc ;
border-top:2px solid #fff; border-bottom:2px solid #000;
overflow:hidden ;}
.menu .vc {width:1px; float:left; height:1px; background:#ccc ;
border-top:1px solid #fff; border-bottom:1px solid #000;
overflow:hidden ;}
.menu .vd {width:2px; float:left; height:1px; background:#000 ;
border-top:1px solid #ccc; overflow:hidden ;}
.menu a, .menu a:visited {color:#444; text-decoration:none ;
font-size:1em; cursor:pointer; cursor:hand; background:#c88 ;}
.menu a:hover {color:#c00; background:#def ;}
.menu a:hover .aa, .menu a:hover .bb {background:#de f;}
.pad {float:left; color:#fff;}
.padtop {float:left; display:block; padding:0 5px;}
* html .menu .vb {height:5px; he/ight:1px;}
* html .menu .vc {height:3px; he/ight:1px;}
* html .menu .vd {height:2px; he/ight:1px;}
</style>
<body>
<table>
<tr>
<td>
<div class="menu">






By Visit






<a href="#">






Over view






</a>
<a href="#">






By ID






</a>
</div>
</td>
</tr>
</body>
</html>

Jul 20 '05 #1

Subscribe Reply

5276

Brian

T wrote:

I am attempting to create a menu using <div> and tags within
a table cell. When the page loads, some of the classes don't seem
to be applied.
url? (The code you pasted in just doesn't cut it; we need a live example.)
If I remove the table everything renders correctly, and I have no
problems.
It seems the solution is rather obvious then, no?
Unfortunately, I need to nest this menu within a table.

Why is that?

--
Brian (remove ".invalid" to email me)
http://www.tsmchughs.com/

Jul 20 '05 #2

Brian <us*****@juliet remblay.com.inv alid> wrote in message news:<10******* ******@corp.sup ernews.com>...

T wrote:
I am attempting to create a menu using <div> and tags within
a table cell. When the page loads, some of the classes don't seem
to be applied.
url? (The code you pasted in just doesn't cut it; we need a live example.)

Here is the look I am trying to get:
http://66.188.102.22:75/menu/withouttable.htm

Here is a portion of the problem page:
http://66.188.102.22:75/menu/withtable.htm

If I remove the table everything renders correctly, and I have no
problems.

It seems the solution is rather obvious then, no?
Unfortunately, I need to nest this menu within a table.

Why is that?

I have a template which holds a logo within a table so I need to keep
the page layout uniform.

For some background:
At runtime I transform my xml doc using the xml component in .net.
When I run the transform outside of my application the apperance is
fine, it is only when it is within the table that I have problems.

Any light shed on this issue would be much appreciated.

Jul 20 '05 #3

Brian

T wrote:

Brian wrote...
T wrote:

Here is the look I am trying to get:
http://66.188.102.22:75/menu/withouttable.htm

Here is a portion of the problem page:
http://66.188.102.22:75/menu/withtable.htm

These look identical to me, except the font size in withouttable is
larger than in withtable. Firefox 0.8/Win XP. What problem are you
seeing? Which browser/os?

Unfortunately, I need to nest this menu within a table.

Why is that?

I have a template which holds a logo within a table so I need to
keep the page layout uniform.

That's a non-sequitur. There's not reason why you can't have a
site-wide look without tables-for-layout.
--
Brian (remove ".invalid" to email me)
http://www.tsmchughs.com/

Jul 20 '05 #4

Similar topics

4520

Paranoid about style/elegance and function size, please quell

by: wired | last post by:

Hi, I've just taught myself C++, so I haven't learnt much about style or the like from any single source, and I'm quite styleless as a result. But at the same time, I really want nice code and I go to great lengths to restructure my code just to look concise and make it more manageable. When I say this, I'm also referring to the way I...

C / C++

3844

IE6 bug UL style problem in table

by: Randall Sell | last post by:

http://www.bytewise.com.au/test/iebug.html I can not see why this doesn't work under IE6. Perhaps someone can shed some light on this, and a possible hack to get it to work. My ultimate goal is to make the entire List a hot link and NOT just the text in the LI elements. Enclosing the <UL>...</UL> in an anchor such as: <a>...

HTML / CSS

4820

My messy stylesheets just ain't got no style....

by: Herbert | last post by:

I'm still relativey new to stylesheets, so I'm hoping that the way I'm going about things can be seriously improved upon, i.e . I just haven't undersood something obvious about the 'cascading' nature of the coding, which I believe concerns the way attributes relate to one another when 'nested'... I think I can illustrate the nature of the...

HTML / CSS

1319

CSS style within table cell works after being hovered over

by: T | last post by:

HTML / CSS

11251

How to hover over one table cell and have three cells change color?

by: Sugapablo | last post by:

Can anyone help me out with some code to change three table cells (<td>) when one is hovered over? I have a calendar grid where each day is made up of three table cells and I want all three to change color when any of the three are hovered over. I would prefer to do this with pure CSS if possible, but if Javascript is the only way...so be...

HTML / CSS

1097

Style Not being applied in HTML event

by: Angel | last post by:

I have the following definition for a Table cell: <TD class="clsMenuItem" onmouseover="this.classname='clsMenuOver'" onmouseout="this.classname='clsMenuItem'">WHATEVER</TD> The class(Style) is being applied when I run the page but the mouseover event is not being triggered because the style is not being applied. Am I doing something...

ASP.NET

2226

[FireFox] parent object for style in setter

by: jarek | last post by:

Hi, this is my code: CSSStyleDeclaration.prototype.__defineSetter__('display', displaySetter); function displaySetter(value) { var parent = findParent(document, this); if (parent) {

Javascript

1912

Quirk in Firefox DHTML style computation?

by: atilghman | last post by:

I've run into a problem with style computation under Firefox (Gecko/20061010 Firefox 2.0) which I can't understand. Any help would be appreciated. My short test case ( http://www.mib.org/~agt/WIDGETS/test.html ) inserts a new table row each time the submit button is clicked. (I'm working on Yet Another To-Do List, in case you're...

HTML / CSS

9157

<td style="height:100%"> IE6 and FireFox

by: kigerm | last post by:

Hey guys, Here is my problem. I have a page consisting of a table with one row and 2 cells. Inside the first cell is a table that serves as a table of contents. That table has several rows with one cell in each row. The cell in the last row is empty except for the background image in all of this table's cells. The other cells contain text from...

HTML / CSS

7911

What is ONU?

by: marktang | last post by:

ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main...

General

7839

Changing the language in Windows 10

by: Hystou | last post by:

Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language...

Windows Server

8200

Problem With Comparison Operator <=> in G++

by: Oralloy | last post by:

Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. ...

C / C++

7954

The easy way to turn off automatic updates for Windows 10/11

by: Hystou | last post by:

Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For...

Windows Server

6610

AI Job Threat for Devs

by: agi2029 | last post by:

Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then...

Career Advice

5390

Couldn’t get equations in html when convert word .docx file to html file in C#.

by: conductexam | last post by:

I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert...

C# / C Sharp

3836

Trying to create a lan-to-lan vpn between two differents networks

by: TSSRALBI | last post by:

Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in...

Networking - Hardware / Configuration

2345

transfer the data from one system to another through ip address

by: 6302768590 | last post by:

Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system

C# / C Sharp

1179

Comprehensive Guide to Website Development in Toronto: Expert Insights from BSMN Consultancy

by: bsmnconsultancy | last post by:

In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating...

General