TD bgcolor on mouseOver

Dan - the html below works perfectly - but how would you code this if this
referred to a linked style sheet, or a style set in the header. It seems to
get way more complex. There's no mouseOver in CSS and hover doesn't seem to
work.

Add a CSS style to the cell, either in a remote stylesheet or in the
head section of the page, or put this in the cell tag:

td onMouseOver="this.style.backgroundColor='#CC0000'"
onMouseOut="this.style.backgroundColor='#000000'"

--
Dan Vendel - *GOF*
Contact me directly at http://contact.vendel.info
Formmail tutorial at http://www.vendel.info/tut/formmail.html
Nested table demonstration at http://www.vendel.info/tabletut/
Search Engine Optimization & Rank Control Utility at
http://awr.vendel.info
Search Dreamweaver newsgroup at http://www.vendel.info/google.html

Anthony LeBaron wrote:

Dan - the html below works perfectly - but how would you code this if this
referred to a linked style sheet, or a style set in the header. It seems to
get way more complex. There's no mouseOver in CSS and hover doesn't seem to
work.

Frankly, I don't think you can make it work the normal CSS way (hence
the discussion among many others in this thread). At least not if you
really need to make the color shift in the *entire* cell, regardless of
line height and other stuff.
There are ways with to achieve the same effect with "block", but if the
user increase the font size too much (and I think it really need to be
*too* much), there will be spaces between the block that's shifting
color and the upper/lower cell border.
If I don't recall wrong....

--
Dan Vendel - *GOF*
Contact me directly at http://contact.vendel.info
Formmail tutorial at http://www.vendel.info/tut/formmail.html
Nested table demonstration at http://www.vendel.info/tabletut/
Search Engine Optimization & Rank Control Utility at http://awr.vendel.info
Search Dreamweaver newsgroup at http://www.vendel.info/google.html

Thanks Dan. I hit the same brick wall. Although I was able to get close with
a linked CSS, I was never able to completely fill the cell and format the
text in the cell the way I wanted. I couldn't make the cell and the 'block'
work together without some conflict. Your solution was by far the simplest
and best. Your first post indicated that it could be done - so I thought I'd
ask to clarify.
But again, thanks.


"Dan Vendel *GOF*" <see_my_signature_ (AT) _the_bottom_of_the_post (DOT) org> wrote in
message news:c8g8ks$h49$2 (AT) forums (DOT) macromedia.com...

Anthony LeBaron wrote:

Dan - the html below works perfectly - but how would you code this if
this
referred to a linked style sheet, or a style set in the header. It seems
to
get way more complex. There's no mouseOver in CSS and hover doesn't seem
to
work.

Frankly, I don't think you can make it work the normal CSS way (hence
the discussion among many others in this thread). At least not if you
really need to make the color shift in the *entire* cell, regardless of
line height and other stuff.
There are ways with to achieve the same effect with "block", but if the
user increase the font size too much (and I think it really need to be
*too* much), there will be spaces between the block that's shifting
color and the upper/lower cell border.
If I don't recall wrong....

--
Dan Vendel - *GOF*
Contact me directly at http://contact.vendel.info
Formmail tutorial at http://www.vendel.info/tut/formmail.html
Nested table demonstration at http://www.vendel.info/tabletut/
Search Engine Optimization & Rank Control Utility at
http://awr.vendel.info
Search Dreamweaver newsgroup at http://www.vendel.info/google.html

check this page -

http://www.great-web-sights.com/kennard/page_noborder.html

Note how that top menu is done.

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver MX
(If you *MUST* email me, don't LAUGH when you do so!)
==================
news://forums.macromedia.com/macromedia.dreamweaver - THE BEST WAY TO GET
ANSWERS
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"Anthony LeBaron" <user (AT) macromediaforums (DOT) com> wrote

Thanks Dan. I hit the same brick wall. Although I was able to get close
with
a linked CSS, I was never able to completely fill the cell and format the
text in the cell the way I wanted. I couldn't make the cell and the
'block'
work together without some conflict. Your solution was by far the simplest
and best. Your first post indicated that it could be done - so I thought
I'd
ask to clarify.
But again, thanks.


"Dan Vendel *GOF*" <see_my_signature_ (AT) _the_bottom_of_the_post (DOT) org> wrote
in
message news:c8g8ks$h49$2 (AT) forums (DOT) macromedia.com...
Anthony LeBaron wrote:

Dan - the html below works perfectly - but how would you code this if
this
referred to a linked style sheet, or a style set in the header. It
seems
to
get way more complex. There's no mouseOver in CSS and hover doesn't
seem
to
work.

Frankly, I don't think you can make it work the normal CSS way (hence
the discussion among many others in this thread). At least not if you
really need to make the color shift in the *entire* cell, regardless of
line height and other stuff.
There are ways with to achieve the same effect with "block", but if the
user increase the font size too much (and I think it really need to be
*too* much), there will be spaces between the block that's shifting
color and the upper/lower cell border.
If I don't recall wrong....

--
Dan Vendel - *GOF*
Contact me directly at http://contact.vendel.info
Formmail tutorial at http://www.vendel.info/tut/formmail.html
Nested table demonstration at http://www.vendel.info/tabletut/
Search Engine Optimization & Rank Control Utility at
http://awr.vendel.info
Search Dreamweaver newsgroup at http://www.vendel.info/google.html

You know what? It's pretty impressive CSSing. I'm going to stick it in a
safe place and try to absorb it. But for the time bean - I'll stick to
either the Dan solution or just continue using a JavaScript pulldown.

Thx


"Murray *TMM*" <forums (AT) HAHAgreat-web-sights (DOT) com> wrote

check this page -

http://www.great-web-sights.com/kennard/page_noborder.html

Note how that top menu is done.

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver MX
(If you *MUST* email me, don't LAUGH when you do so!)
==================
news://forums.macromedia.com/macromedia.dreamweaver - THE BEST WAY TO GET
ANSWERS
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"Anthony LeBaron" <user (AT) macromediaforums (DOT) com> wrote in message
news:c8g90f$mfc$1 (AT) forums (DOT) macromedia.com...
Thanks Dan. I hit the same brick wall. Although I was able to get close
with
a linked CSS, I was never able to completely fill the cell and format
the
text in the cell the way I wanted. I couldn't make the cell and the
'block'
work together without some conflict. Your solution was by far the
simplest
and best. Your first post indicated that it could be done - so I thought
I'd
ask to clarify.
But again, thanks.


"Dan Vendel *GOF*" <see_my_signature_ (AT) _the_bottom_of_the_post (DOT) org> wrote
in
message news:c8g8ks$h49$2 (AT) forums (DOT) macromedia.com...
Anthony LeBaron wrote:

Dan - the html below works perfectly - but how would you code this
if
this
referred to a linked style sheet, or a style set in the header. It
seems
to
get way more complex. There's no mouseOver in CSS and hover doesn't
seem
to
work.

Frankly, I don't think you can make it work the normal CSS way (hence
the discussion among many others in this thread). At least not if you
really need to make the color shift in the *entire* cell, regardless
of
line height and other stuff.
There are ways with to achieve the same effect with "block", but if
the
user increase the font size too much (and I think it really need to be
*too* much), there will be spaces between the block that's shifting
color and the upper/lower cell border.
If I don't recall wrong....

--
Dan Vendel - *GOF*
Contact me directly at http://contact.vendel.info
Formmail tutorial at http://www.vendel.info/tut/formmail.html
Nested table demonstration at http://www.vendel.info/tabletut/
Search Engine Optimization & Rank Control Utility at
http://awr.vendel.info
Search Dreamweaver newsgroup at http://www.vendel.info/google.html

.oO(Murray *TMM*)

check this page -

http://www.great-web-sights.com/kennard/page_noborder.html

Note how that top menu is done.

Hmm (Mozilla 1.5) ...
<http://www.mfesser.de/temp/gws1.jpg> (8KB)

Hmmmm (IE 5) ...
<http://www.mfesser.de/temp/gws2.jpg> (11KB)

Hmmmmmm!
<http://www.delorie.com/web/lynxview.cgi?url=http%3A%2F%2Fwww.great-web-sights.com%2Fkennard%2Fpage_noborder.html>

Hmmmmmicha

I'm not too concerned with Lynx right now. The demonstration was of the CSS
menu - that's all. The other issues are fixable. I'm just happy you didn't
increase the font size! 8(

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver MX
(If you *MUST* email me, don't LAUGH when you do so!)
==================
news://forums.macromedia.com/macromedia.dreamweaver - THE BEST WAY TO GET
ANSWERS
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"Michael Fesser" <netizen (AT) gmx (DOT) net> wrote

.oO(Murray *TMM*)

check this page -

http://www.great-web-sights.com/kennard/page_noborder.html

Note how that top menu is done.

Hmm (Mozilla 1.5) ...
http://www.mfesser.de/temp/gws1.jpg> (8KB)

Hmmmm (IE 5) ...
http://www.mfesser.de/temp/gws2.jpg> (11KB)

Hmmmmmm!

http://www.delorie.com/web/lynxview.cgi?url=http%3A%2F%2Fwww.great-web-sigh

ts.com%2Fkennard%2Fpage_noborder.html>

Hmmmmmicha

come on guys, it's simple:

..trbg {
background-color: #666633;
}

<tr class="trbg">
<td onmouseover="this.style.backgroundColor='#550033'; "
onmouseout="this.style.backgroundColor='#666633'">

and you're done.

Dan Vendel *GOF* wrote:

Anthony LeBaron wrote:

Dan - the html below works perfectly - but how would you code this if
this
referred to a linked style sheet, or a style set in the header. It
seems to
get way more complex. There's no mouseOver in CSS and hover doesn't
seem to
work.


Frankly, I don't think you can make it work the normal CSS way (hence
the discussion among many others in this thread). At least not if you
really need to make the color shift in the *entire* cell, regardless of
line height and other stuff.
There are ways with to achieve the same effect with "block", but if the
user increase the font size too much (and I think it really need to be
*too* much), there will be spaces between the block that's shifting
color and the upper/lower cell border.
If I don't recall wrong....

I think that solution was one of the first posted in this thread by Dan
Vendel. But the rest of the thread was a discussion of how to do it without
using non-browser compliant CSS. Your solution (and Dan's) fails in NN4x.

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver MX
(If you *MUST* email me, don't LAUGH when you do so!)
==================
news://forums.macromedia.com/macromedia.dreamweaver - THE BEST WAY TO GET
ANSWERS
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"seb" <sebnewyork (AT) earhlink (DOT) netTakeThisOut> wrote

come on guys, it's simple:

.trbg {
background-color: #666633;
}

tr class="trbg"
td onmouseover="this.style.backgroundColor='#550033'; "
onmouseout="this.style.backgroundColor='#666633'"

and you're done.

Dan Vendel *GOF* wrote:

Anthony LeBaron wrote:

Dan - the html below works perfectly - but how would you code this if
this
referred to a linked style sheet, or a style set in the header. It
seems to
get way more complex. There's no mouseOver in CSS and hover doesn't
seem to
work.


Frankly, I don't think you can make it work the normal CSS way (hence
the discussion among many others in this thread). At least not if you
really need to make the color shift in the *entire* cell, regardless of
line height and other stuff.
There are ways with to achieve the same effect with "block", but if the
user increase the font size too much (and I think it really need to be
*too* much), there will be spaces between the block that's shifting
color and the upper/lower cell border.
If I don't recall wrong....

how many pp still use NN4?
do you have an idea?
I used to think that NN4 was still a concern a few years ago, but is not
anymore -who hasn't updated their browser in the past 5 years?


Murray *TMM* wrote:

I think that solution was one of the first posted in this thread by Dan
Vendel. But the rest of the thread was a discussion of how to do it without
using non-browser compliant CSS. Your solution (and Dan's) fails in NN4x.