I have done some tweaking on the CSS to get the color effect that matches my theme (somewhat hacked version of pixture theme) and it works fine in FF3, but the horizontal primary links appear vertical in IE (all bunched up in the left edge of the screen)

The site (test server) is http://unleash.almostunreal.org

I've attached the custom nicemenu.css that I'm using. I first was using v1.2 where this problem occurred (don't know at which change, wasn't testing separately in IE), and it remains with v1.3

main changes - borders changed, colors changed; colors of hover links changed (had to add css for this), no arrows, and therefore no padding for them either.

I've edited page.tpl.php to call the primary links.

Hope this is enough info - I'm a drupal newbie :)

CommentFileSizeAuthor
nicemenu.zip1.68 KBsifaan

Comments

dman’s picture

dman commented

start by validating your code.

... your biggest problem is you don't seem to be commenting your css correctly! That's just WRONG.

sifaan’s picture

sifaan commented

Hi dman,

Thanks - the comments were working in FF so I didn't realize I was making a mistake (I'm new to css as well as to drupal)
I fixed most errors (except css that I hadn't modified, and one XHTML markup issue) and now the sites appear similar in both IE and FF - but now they're both screwed and I don't have any idea how it got so :(

(All I did was fix the comments, and some correction to vertical-align, had been using center when I should've used middle; and had missed " " around some attributes)

Any help out of this hole is much appreciated!

Thanks
/Sifaan

sifaan’s picture

sifaan commented
Status: Active » Closed (fixed)

there was an issue with position:absolute (had added that when editing the z-index to stop primary links hiding behind navigation), and with only the z-index value change it's working more or less as expected.

still a small issue in IE but I'll post that separately.

KAP10’s picture

KAP10 commented
Status: Closed (fixed) » Active

Can I re-open this issue? I am having this problem in IE7, but cannot identify a solution. I have tried doing the position:absolute trick and that does not help. I am not a programmer and have reset the CSS File back to it original settings. How can I fix this? Any help would be appreciated.

Thank you for your consideration.

Andrew Polyak
Knoxville, TN

add1sun’s picture

add1sun commented
Category: bug » support
Status: Active » Closed (fixed)

Closing old support issues with no activity.