On 1/18/06, Jarod Watkins <[EMAIL PROTECTED]> wrote:
> Hello list!
> Been subscribed for a while, and love the list so far! anyway, i have
> a question. I have a website i am making for a customer , Sky-Vue
> Skateland, and i want to do something with the Current Events section
> ( http://www.skyvueskateland.com/v2/ ). If you notice, there are the
> events as links then the dates in the calendar are links also. Is
> there anyway that if someone hovers over the link at the top, that
> the corresponding link inside the calendar changes its color too, as
> if it was being hovered over too? I tried putting them in the same
> class but that didn't work. If anyone has any ideas it would be
> greatly appreciated.
The reason why you don't want to do this with CSS is that for one item
to affect another on a state like :hover, you have to connect those
items by traversing everything between them. That is, if I have:
- link1
- link2
- link3
I have to do the following to get link3 to change when link1 is hovered:
link1:hover+link2+link3 { effect; }
by using the adjacent selector. See what I mean? Now imagine how many
objects you have to go through to get from those links in the top to
the items in the calendar. Oh, and by the way, this won't work in most
browsers.
To see how serious this gets, see: http://cssmaze.christianmontoya.com
(preferably with Firefox or another mozilla browser)
Now, if you use Javascript, this probably isn't hard at all, since
Javascript has no trouble going through all the objects and playing
around with the behavior. But I'm not the person to give you a
Javascript solution, and I don't think this is the list for it either.
> Also any comments on the design are also
> welcomed. Thanks!
I think corners can in fact be too rounded. If you reduce the radius
of those corners they might look better.
--
--
Christian Montoya
christianmontoya.com ... rdpdesign.com ... cssliquid.com
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
