1
ralf57
Another template problem...(Firefox issue)
  • 2004/2/13 16:26

  • ralf57

  • Quite a regular

  • Posts: 231

  • Since: 2003/2/3 1


Hi all,i'm building a new theme taking the default one as a base and i'm trying to make it both IE6 and Firefox compatible.
Now i have a problem with the main menu customization expecially with Firefox.
In short these images should explain better.
I've set to 165px the leftcolumn width,but reduced the mainmenu table's width to 133px.
In IE6 the hover state is shown correctly:



Resized Image






not in Firefox:





Resized Image





This is the .css code:

td#mainmenu {width:133px;}
td#mainmenu a {font-size:105%;color: #EEEEEE;background-color: transparent; display: block; margin: 0; padding: 3px;}
td#mainmenu a:hover {color: #FFFFFF;background-color: #9999CC;}
td#mainmenu a.menuTop {padding-left: 3px; border-top: 0px solid silver; border-right: 0px solid #666666; border-bottom: 0px solid #666666; border-left: 0px solid silver;}
td#mainmenu a.menuMain {text-indent:9px;background-image: url(arrow_main.gif);background-position:left;background-repeat:no-repeat;padding-left: 3px; border-right: 0px solid #666666; border-bottom: 0px solid #666666; border-left: 0px solid silver;}
td#mainmenu a.menuSub {color: #FFD5AB;padding-left: 13px; border-right: 0px solid #666666; border-bottom: 0px solid #666666; border-left: 0px solid silver;}

How can i fix this?
Thanks in advance,ralf.

2
aubrey
Re: Another template problem...(Firefox issue)
  • 2004/2/13 17:02

  • aubrey

  • Just popping in

  • Posts: 31

  • Since: 2004/2/1 2


I've never heard of FireFox before, but as an initial suggestion i'd reccomend you break your menu into two colums: the left colum has all the menu text with your background image, and the right colum has the rounded edge and the shadow (tiled). This should make it (practically) impossible for any browser to render the over state of your menu over the shadow. I use techniques like this to help reduce the loading time of my page, as it allows you to have much smaller images while still looking respectable.

Hope this helps,

Aubrey

3
dheltzel
Re: Another template problem...(Firefox issue)
  • 2004/2/13 18:00

  • dheltzel

  • Not too shy to talk

  • Posts: 164

  • Since: 2003/1/8 1


Firefox is the new name for Firebird, which is the browser only part of Mozilla, which came from Netscape, which came from . . .

Wow, that sounds like a human genealogy. No wonder everyone is confused

Dennis

4
aubrey
Re: Another template problem...(Firefox issue)
  • 2004/2/13 20:13

  • aubrey

  • Just popping in

  • Posts: 31

  • Since: 2004/2/1 2


Ooah, I have heard of and use (Sometimes) FireBird. Thank You.

P.S. FireFox... Reminds me of the story about samson in the Bible where he tied all the foxe's tails together, lit them on fire, and let them loose in the Phillistene's fields

Aubrey

5
ralf57
Re: Another template problem...(Firefox issue)
  • 2004/2/13 20:38

  • ralf57

  • Quite a regular

  • Posts: 231

  • Since: 2003/2/3 1


@aubrey

Thank you,this is a workaround that i didn't know before.
I'll try it and let you know about the result.
thanks again.

6
ralf57
Re: Another template problem...(Firefox issue)
  • 2004/2/13 20:53

  • ralf57

  • Quite a regular

  • Posts: 231

  • Since: 2003/2/3 1


@aubrey

A big thank...i've applied your suggest and now
it rocks!!!
If the final result is good enough
i'll share this theme with the XOOPS community
(hoping that someone would appreciate it).
good night.

Login

Who's Online

313 user(s) are online (202 user(s) are browsing Support Forums)


Members: 0


Guests: 313


more...

Donat-O-Meter

Stats
Goal: $100.00
Due Date: Nov 30
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $100.00
Make donations with PayPal!

Latest GitHub Commits