[css-d] IE5 Nav List Padding Issue when Unlinking Item

[Scott Moore]

I've got 5 items and a divider in a footer navigation list and items  
4 and 5 need to be a different color than items 1 through 3. Items 1  
through 3, and 5 are linked but the divider and item 4 aren't. The  
below code works fine aside from IE5/PC which bumps the divider and  
item 4 down below the other items.


Any idea of how to correct this? I've been going in circles trying to  
find a solution.


Scott



#footer {
color: #3d4242;
height: 20px;
margin: 0;
padding: 10px 0 0 15px;
}

#footer li {
display: inline;
height: 0px; /* added to allow IE5 to notice padding*/
list-style: none;
margin: 0;
padding: 0 10px 0 0;
}

#footer a {
color: #3d4242;
font-weight: normal;
height: 0px; /* added to allow IE5 to notice padding*/
margin: 0;
text-decoration: none;
}

#footer a.active, #footer a:hover {
color: #3d4242;
text-decoration: none;
}

.copyright {
color: #a0a0a0;
}

.copyright a.active, .copyright a:hover {
color: #a0a0a0;
}


one
two
three
|
four
five

__
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] Firefox Background Image No Show

[Scott Moore]

Anyone know why the background navigation images in the navy bar on  
this page - http://highlandworldwide.com/staging/ - don't appear in  
Firefox on initial load? If you refresh the page or rollover the  
area, then they appear. You can find the css file here - http:// 
highlandworldwide.com/staging/css/hc.css.


I've seen a lot of discussion on the issue but have yet to see an  
answer. Any ideas?


Scott
__
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] Firefox Background Image No Show

[Scott Moore]

Ingo and Roger, thanks for taking a look.

Ingo, I removed overflow: hidden from #nav and #nav a and it appears  
to have solved the problem on both the PC and Mac versions of  
Firefox. I didn't test the 1.5beta though, but you can find the new  
page here: http://highlandworldwide.com/staging/indexNoOverflow.php.  
Note that if you click into the site, the CSS switches back to old  
version at the moment.


So I guess the overflow: hidden wasn't required since I was defining  
the height of the nav??


Regarding the link to discussions on the topic, I should have  
clarified that they weren't from this list. If you Google firefox 
+background+image, you'll be able to find the various links I was  
referring to - they're all over the place.


Roger, in regard to resizing the main nav, this'll sound like an  
excuse, but I didn't do the design - I was only asked to code it. And  
my suggestions/recommendations only pull so much weight.


Thanks for the help.

Scott

On Sep 15, 2005, at 1:49 AM, Ingo Chao wrote:

While it is still reproducible with Fx 1.0.5 (but not with 1.5beta1),  
I somewhat fail to reproduce the problem on a local copy: the menu  
shows up, but when I hit refresh rapidly (to flood the cache?), it  
does not reappear. Sometimes. Sometimes not.


So I can't test it here locally. I'd like to ask you to test the  
navigation without this "overflow-stuff" Moz tends to have problems  
with (#nav a and #nav), and come back with an alternate URL with/ 
without to test both options.


And it would be nice to have a link to the "discussion" about this  
topic.


Ingo

--
http://www.satzansatz.de/css.html
__
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] IE Mac Background Image Shift

[Scott Moore]

URL: http://gsacenter.com/
CSS: http://gsacenter.com/css/ccms.css

Any idea why IE Mac 5.2.3 shifts the main background image to the  
right? I use the same markup on the secondary pages with just a  
different image and IE Mac displays it correctly. Both images are the  
same width and all other browsers are ok.

__
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] CSS One Line Horizontal Drop Down Menu Problems

[Scott Moore]

I'm having trouble getting the following menu - http://216.70.102.208/ 
nav/ - to play nice in Windows IE 6/5.5/5 and Windows & OS X Firefox.  
Safari however, seems to be good.

In IE, the drop down menu gains vertical size compared to Firefox and  
the drop down menu for Contact Us doesn't appear for some reason. And  
no matter which tab you have at the end, the drown down menu never  
appears.

And then in Firefox, if you rollover any of the drop down menus,  
specifically those after the first item, that item drops to the next  
line.

Any help would be greatly appreciated. I think I'm close, but just  
can't seem to figure out these last few issues.

-sm
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/