Re: [css-d] Artifact on CSS dropdown menu
Michael Adams wrote:
This is a concept website that i am working on. The main issue i am having
with it is a line which extends of to the left when the ul:hover is activated
in various browsers. There is a gap of a couple of pixels between the parent
li and the first child li which seems to get exagerated on different
browsers as well. Quite pleased to see IE8 now supports hover on arbitrary
elements.
http://www.quickconvert.net/index.html
TIA
The artifact is the border here.
.horizontalmenu ul li ul {
left: -999em;
top: 2em;
border-top: 1px solid #222; /* delete */
position: absolute;
display: block;
z-index: 100;
}
And add the below to your stylesheet.
.horizontalmenu ul li ul li:first-child a {
border-top-width: 1px;
}
BTW, IE7 also supports :hover on arbitrary elements.
--
Alan http://css-class.com/
Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo
__
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/
Re: [css-d] Artifact on CSS dropdown menu
On Friday 03 September 2010 17:42, Chris F.A. Johnson wrote: On Fri, 3 Sep 2010, Michael Adams wrote: I see a different problem: http://cfajohnson.com/testing/quickconvert.jpg I dont see the menu wrap as an issue (i dont have a designers bone in my body). I intend to extend the site to include additional options over time, with the next one being cullinary measures. That is a sign that my menu is working as intended and it even occurs in Firefox with text zoom. Thanks -- Michael __ 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/
Re: [css-d] Artifact on CSS dropdown menu
On Friday 03 September 2010 20:12, Alan Gresley wrote:
The artifact is the border here.
.horizontalmenu ul li ul {
left: -999em;
top: 2em;
border-top: 1px solid #222; /* delete */
position: absolute;
display: block;
z-index: 100;
}
And add the below to your stylesheet.
.horizontalmenu ul li ul li:first-child a {
border-top-width: 1px;
}
BTW, IE7 also supports :hover on arbitrary elements.
Thanks Alan, will make those changes in the morning. Greatly appreciated.
--
Michael
__
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/
Re: [css-d] Artifact on CSS dropdown menu
On Fri, 3 Sep 2010, Michael Adams wrote: This is a concept website that i am working on. The main issue i am having with it is a line which extends of to the left when the ul:hover is activated in various browsers. There is a gap of a couple of pixels between the parent li and the first child li which seems to get exagerated on different browsers as well. ... http://www.quickconvert.net/index.html I see a different problem: http://cfajohnson.com/testing/quickconvert.jpg -- Chris F.A. Johnson, http://cfajohnson.com Author: Pro Bash Programming: Scripting the GNU/Linux Shell (2009, Apress) Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) __ 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/
