Forum Moderators: not2easy
I've got a weird problem with my site in Opera. It seem fine when you visit the first page for the first time. However, from then, if you click on the nav bar it has a weird cascading effect. I'm guessing it's something incompatible in the stylesheet but I can't find it. Can anyone help?
Chris
HTML
CSS
[edited by: chris_f at 5:53 pm (utc) on April 14, 2003]
You can only call a unique id once on a document. If you change them to classes, you should have your problem solved.
Birdman
CSS
TABLE{margin: 0px; padding: 0px;}
table.TblBackColor{background-color: black; margin: 3px;}
td.TblHead{background-color: #4682b4; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 8pt; color: white; font-weight: bold; display: block; padding: 2px; text-align: center;}
td.TblCell{background-color: white; font-family: Arial, Helvetica, sans-serif; font- size: 8pt; color: black; display: block; text-align: center;}
A:Link.navmenu, A:Visited.navmenu, A:Active.navmenu{background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: black; text- decoration: none; font-weight: normal; display: block; width: 100%;}
A:Hover.navmenu{background-color: maroon; font-family: Arial, Helvetica, sans- serif; font-size: 8pt; color: white; text-decoration: none; font-weight: normal; display: block;}
It's works fine in IE and NN. Only Opera throws up the problem and I'm sure I've seen id's called more than once before.
Chris
5.9 ID selectorsDocument languages may contain attributes that are declared to be of type ID. What makes attributes of type ID special is that no two such attributes can have the same value; whatever the document language, an ID attribute can be used to uniquely identify its element. In HTML all ID attributes are named "id"; XML applications may name ID attributes differently, but the same restriction applies.
The ID attribute of a document language allows authors to assign an identifier to one element instance in the document tree. CSS ID selectors match an element instance based on its identifier. A CSS ID selector contains a "#" immediately followed by the ID value.
I just needed confirmation.
Chris
Chris
Try changing all your selectors to lower case.
try: remove the display: block from the table cells/rows...
they are already displaying as block (tables do!) and by specifying you are saying display "block" within a "block" therefore Opera (admittedly a bit literally!) is taking you seriously, hence the "cascade"
but that's tables for you, a law unto themselves!
Suzy
:)
I don't see the problem in Opera 6.04. What version are you using?
Opera 7.
Chris
I believe I found your problem.
Change:
A:Link.navmenu
to
A.navmenu
However, in Opera 6.04 it seems to add an overline above the link but the block works properly.
It was not the same cascading problem, though. The problem in my browser was the background color only changed on the text, rather than the whole block.
Anyway, I don't know if my last post will solve your initial problem but it did make the background display as a block in 6.04.
I'm playing now :)
Chris
Thanks for your help all and sorry for the headache Nick.
Chris
