On 12/30/2010 12:52 PM, Germán Martínez wrote:

 Hi Rich,

 I'm seeing a problem with your HTML, it's not valid to use something like
 <ul>
      <div>
     <li>
 you can only put<li>s inside an<ul>   or<ol>.
 It also seems you're using a lot of unnecessary markup.

Hmm, wasn't aware of that HTML restriction. It was a bit of a stretch at
the time when I wrote it, but unfortunately for all I could see when I
wrote it in FireFox it worked and did what I wanted. Perhaps there is a
better solution.

After trying a quick run without the DIV (moving stuff over to the<li>)
I realized why I was using it in the first place. With borders on the
div, the borders will not change opacity when the<li>  is hovered over.
If the borders are on the<li>  then the hover CSS will change the
opacity of the borders, creating an undesirable effect.

 Can you please share the website URL?

 Best,
 Germán


Sure, keep in mind this is not a production level site as of now, so I
ask that anyone please be respectful in not sharing/using it beyond
debugging/inspecting the HTML/CSS.

https://www.moremagicpoints.com/

Thanks,
Rich

______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to