Horizontal Menu Width Spacing IE5.2 MAC

Taken From The Forum:
Forum Topic:
Last Updated: Saturday July 14 2012 - 06:07:11

Horizontal Menu Width Spacing IE5.2 MAC

Poster: e __at__ emarie.net
Dated: Tuesday September 7 2004 - 22:39:58 BST

Hi there!
Searched the forum and still having trouble... the menu text is too close to the separators. didnt like the way these options looked by adding separatorpadding (excludes the hover color), padding (adds to top and bottom as well), menuwidth (did nothing), itemwidth (did nothing)...

Is there a magical combination of these that i am obviously overlooking?
thanks, e

oops here it is: http://tntimprintit.com/index.html

Poster: Ruth
Dated: Tuesday September 7 2004 - 23:28:10 BST

Try using rawcss in the style definition in place of padding=. Like css it goes top right bottom left.

Code:

rawcss="padding=2 4 2 4";

as an example. That should put padding at 2 on top and bottom and 4 on right and left. I do not have a Mac so can't test it on that, but everything is really close on IE5.5 Win98se also.

Ruth

Poster: e __at__ emarie.net
Dated: Wednesday September 8 2004 - 0:41:20 BST

hmmmm... thanks Ruth

i tried

Code:

rawcss="padding=0 8px 0 8px";

for left and right spacing only. i thought that would do it as i am familiar with CSS. BUT. it actually had no effect on the PC and only added padding on the left for the MAC!

could my separate CSS be affecting the menu in some way?

anything else you can think of, be greatful!
thanks, e

Code:

Poster: kevin3442
Dated: Wednesday September 8 2004 - 0:55:10 BST

Hi e,

My 2 cents:

Try

Code:

rawcss="padding: 0px 8px 0px 8px";

instead. Note the colon (:) in the css, instead of an equals sign (=).

Also, I notice you still have padding="0"; in the menuStyle. You'll want to completely remove that line (or // comment it out) to avoid any conflict.

Cheers,

Kevin

Edit: Just looked at your text.css file. I doubt that it's causing a conflict. You could, however, try removing it temporarily, to see what effect it has on the menu. One thing to avoid is applying a style to td, which I see you haven't done.

Poster: Ruth
Dated: Wednesday September 8 2004 - 1:23:00 BST

A couple of things on your style definitions, though this won't fix it.

1. remove quote marks from anything that is only a number i.e border=0;
2. rawcss="padding=0 4 0 4"; no px in the equation.

Now, I tried it again, it works in IE 5.5 Win98se but it doesn't work in Netscape. I did find something else that seems to work. Go to your css file the gallery.css insert the following

Code:

.menu {padding-top:0px;padding-right:10px;padding-bottom:0px;padding-left:10px;}

Then in your style definition, remove the rawcss then put offclass="menu"; onclass="menu";

Code:

with(menuStyle=new mm_style()){
offclass="menu";
onclass="menu";
onbgcolor="#FFFFFF";
oncolor="#340066";
offbgcolor="#B40023";
and so on for all the rest that's there
}

I only put in 10 so it was easier to test and see the change. You can use what you want.

I have to make one suggestion, at least put the font size at 9 instead of 8. I can't even read what's there it's so small, and others will probably have the same problem.

Ruth

Poster: Ruth
Dated: Wednesday September 8 2004 - 1:29:36 BST

Ignore the previous post, use what Kevin has, it's easier and works in IE, Netscape and Firebird, though I don't know what happens in the Mac.

Ruth

Horizontal Menu Width Spacing IE MAC & PC

Poster: e __at__ emarie.net
Dated: Wednesday September 8 2004 - 23:37:52 BST

hi you guys,

i tried deleting the normal padding and i am using the code:

Code:

rawcss="padding: 0px 8px 0px 8px";

but now it is flush right against the separator bar in both MAC and PC?!

Note: i am using "gallery.css" as i am facing out "text.css"

WAIT! i figured it out. it works fine now that i deleted

Code:

align:"center";

but why is it not showing the text in bold?

>ruth: awesome spanish you got there! i came across it on the forum...you should be proud.
e

Poster: Ruth
Dated: Wednesday September 8 2004 - 23:54:26 BST

The code for the bold is incorrect: fontweight="bold"; not fontstyle which would be normal or italic. Thanks on the Spanish, I don't get to use it anymore.

Ruth

Industrial Strength JavaScript and DHTML Menus

Horizontal Menu Width Spacing IE5.2 MAC

Horizontal Menu Width Spacing IE MAC & PC