[css-d] Z-index disparity in FireFox
Hi, I have an issue with a suckerfish dropdown in Firefox 1.0.4 / PC. When rolling over, the dropdown menu appears, but when one moves the mouse down the menu on top of a link which is under the dropdown menu, the menu disappears. It seems to defer to the link below the dropdown. I am not experiencing this trouble in IE 6 / PC. I've tried to set some z-indexes on the appropriate tables to no avail. Anyone know anything about this? Also, is this happening in any other browsers (esp. on Mac)? http://www.tafi.com.tw/ (rollover the third link from the left in the nav bar to see the problem) Any help is much appreciated. Cheers, Mike Palmer http://www.stroke7.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/
Re: [css-d] Site check and footer
No URL Cheers, Michael Palmer http://www.stroke7.com - Original Message - From: Richard Brown [EMAIL PROTECTED] To: css-d@lists.css-discuss.org Sent: Thursday, July 07, 2005 4:03 PM Subject: [css-d] Site check and footer Hi All Please could you check this site in all browsers on a Windows box. Thanks. The other thing I would like to do is move the Google search box to the same line as all the links but at the right of the footer box. Could someone explain how I might do this please. Thanks for all the help. Rich __ 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/ __ 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/
Re: [css-d] Need fixed space between horiztonal menu elements
Hi Debbie,
My suggestion is:
1. Make the menu div into an unordered list (display: block)
2. Put the links in separate list elements (display: inline)
3. Pad the list elements.
Example code:
HTML:
ul id=navbar
lia href=/index.shtmlHome/a/li
lia href=/Services.shtmlServices/a/li
lia href=/Portfolio.shtmlPortfolio/a/li
lia href= /Contact.shtmlContact/a/li
lia href=/BulletinBoard/Bulletin Board/a/li
/ul
CSS:
#navbar {
display: block;
list-style: none;
}
#navbar li {
padding: 0 1em;
}
For the you are here navigational hint, you can make a class (ie: a.here)
which declares a border.
HTML:
ul id=navbar
lia href=/index.shtml class=hereHome/a/li
lia href=/Services.shtmlServices/a/li
lia href=/Portfolio.shtmlPortfolio/a/li
lia href= /Contact.shtmlContact/a/li
lia href=/BulletinBoard/Bulletin Board/a/li
/ul
CSS:
#navbar li .here {
border-top: solid 3px blue;
}
Hope that works for you,
Mike
http://www.stroke7.com
- Original Message -
From: Debbie Silbert [EMAIL PROTECTED]
To: 'CSS-D' css-d@lists.css-discuss.org
Sent: Monday, July 04, 2005 4:12 AM
Subject: [css-d] Need fixed space between horiztonal menu elements
I would like to have a fixed space between the menu items displayed here
www.itgurl.com.
The menu items are contained in an include, but wrapped in a div
id=navbar within the HTML. I've tried using padding in the navbar DIV,
but that only applies the padding to the first and last item. How do I
get
the spacing between each element?
Also, I would like a horizontal line at the top of each menu item to
indicate it's the current page. Is there a way to do that with CSS?
Thanks!
Debbie Silbert
__
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/
__
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/
Re: [css-d] Article on rules ordering
Hi Pierre, There's an article here: http://www.stuffandnonsense.co.uk/archives/style-sheet_ordering.html Cheers, Mike - Original Message - From: Pierre Lemieux [EMAIL PROTECTED] To: css-d@lists.css-discuss.org Sent: Friday, July 01, 2005 12:42 AM Subject: [css-d] Article on rules ordering I'm looking for an article I recently came across where the author was explaining how he ordered rules in his stylesheet. By ordering, I do not mean the cascading order but simply the order of rules within each declaration. Pierre __ 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/ __ 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/
Re: [css-d] Z-index on a popup menu
Fixed the z-index problem. I found a good tutorial discussing the handling of z-indexes between different browsers: http://www.aplus.co.yu/css/z-pos/ Cheers, Mike 2005/6/27, Michael Palmer [EMAIL PROTECTED]: To my fellow list readers, I'm fairly new to the list -- thanks to everyone here, this is a great resource. My problem centers around a popup list menu created by embedded lists. Using a tutorial from AListApart, I got it working in Firefox and IE6/PC (target browser), except that the z-indexes don't seem to work in IE 6 / PC. The menu seems to popup behind almost everything, even after specifically declaring z-indexes on the offending elements. Can anyone tell me the reason or suggest a solution for this problem? Any advice would be much appreciated. URL: http://www.bluetree.com.tw/tahanshop/ Cheers, Mike __ 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/
[css-d] Z-index on a popup menu
To my fellow list readers, I'm fairly new to the list -- thanks to everyone here, this is a great resource. My problem centers around a popup list menu created by embedded lists. Using a tutorial from AListApart, I got it working in Firefox and IE6/PC (target browser), except that the z-indexes don't seem to work in IE 6 / PC. The menu seems to popup behind almost everything, even after specifically declaring z-indexes on the offending elements. Can anyone tell me the reason or suggest a solution for this problem? Any advice would be much appreciated. URL: http://www.bluetree.com.tw/tahanshop/ Cheers, Mike http://www.stroke7.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/
[css-d] Strange behaviour in Mac browsers
G'day, I have a page whose menu uses the Sprites rollover method that works fine in IE5.01, IE 5.5, IE6 and Firefox 1.0.4 (all Windows). http://www.stroke7.com/hayleysparks/sample.htm css: http://www.stroke7.com/hayleysparks/s.css It's a different story on Mac with IE and Safari. Both are reacting differently (and badly) to the menu / rollover. In Safari, one of the menu items won't come up, specifically the Location button. In IE, the buttons turn white upon rollover. That's really bizarre. There aren't any blocks in the button graphics, so that's really confusing. If anyone can clue me in on what's happening, that'd be great. Cheers, Mike Palmer __ 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/
Re: [css-d] Strange behaviour in Mac browsers
Hi Philippe,
Thanks for the help, however it seems that one problem begets another.
After changing the rules where I had mixed the keywords and length values,
Firefox in Windows decides to put an unexplainable purple line under the
nav bar. Does anyone know what that's about?
Safari works now! IE5.01/5.5/6 Win are still ok. Mac IE is still reacting
strange on the rollover.
Has anyone seen this sort of behaviour before?
Cheers,
Mike
- Original Message -
From: Philippe Wittenbergh [EMAIL PROTECTED]
To: ElektonikaMail
Cc: Michael Palmer [EMAIL PROTECTED]
Sent: Wednesday, May 25, 2005 3:46 PM
Subject: Re: [css-d] Strange behaviour in Mac browsers
On 25 May 2005, at 3:57 pm, Michael Palmer wrote:
http://www.stroke7.com/hayleysparks/sample.htm
css: http://www.stroke7.com/hayleysparks/s.css
It's a different story on Mac with IE and Safari. Both are reacting
differently (and badly) to the menu / rollover.
In Safari, one of the menu items won't come up, specifically the
Location button.
In IE, the buttons turn white upon rollover. That's really bizarre. There
aren't any blocks in the button graphics, so that's really confusing.
IE Mac 5.2 appears to behave correctly on my PowerBook.
Safari 1.3 works as expected.
But I can see a problem in your stylesheet that will affect Safari 1.2 and
older: You are mixing keywords and lenght numeric values to position
background images.
#menu #loc {left: 287px; width: 92px; background: transparent
url(buttons.gif) left 2px no-repeat;}
If you change that to 0 2px no-repeat, it should work correctly.
Safari doesn't really like the mixing of keywords, and lenght values.
Although this is allowed in CSS 2.1 CR, it was not allowed in the CSS 2.0
Rec.
Philippe
---
Philippe Wittenbergh
http://emps.l-c-n.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/
__
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/
Re: [css-d] Strange behaviour in Mac browsers
I just got rid of the purple line in Firefox, I just added a text-decoration:none rule to the needed anchor. However, the other problem with Mac IE is still there. Do you think it might have something to do with using the Sprites method of background rollovers? Cheers, Mike __ 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/
