Formatting text in a sub menu

[SkyFlyer]

Hello all ...
I don't know if this can be done, but just curious ...
If you take a look at the graphic of one of the submenus on my site ...

http://www.bobserack.com/Milonic1.jpg

You can see that I have an event, some space, and a date on each line.
Is there any way to right adjust the dates so they all line up against the edge?
I am using html spacing, and it just doesn't work well.
Here is the code I am using ...

Code: Select all

aI("text= ;url=;itemheight=4;");
aI("text=   <big><b>2005 Festivals</b></big>;url=;");
aI("text= ;url=;itemheight=4;");

aI("text=White Rock, B.C.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;April 23, 2005;url=kite_festivals/WhiteRock04232005/Index.htm;onfunction=showtip('Another fun weekend at White Rock BC!.');status=Great weekend on the B.C. Coast!");   

I know Milonic has a multi column menu, but I don't think that would work here. Maybe there is something else.
If you want to try the submenu out, go to Kites, Kite Festival Gallery, Sorted by Date ...
Also, I was trying to figure out how to make the submenu line after my header to be a height of 1 or 2. I have tried it and it doens't change. I just want some sort of divider here.
Any thoughts?
Thanks ...

[Ruth]

I was trying to figure out how to make the submenu line after my header to be a height of 1 or 2.

Make a 1x1 px transparent gif, then code your aI string for that space as:

Code: Select all

aI("image=clear.gif;itemheight=2;headerbgcolor=#ffffff;headercolor=#ffffff;type=header;");

It's type=header and the white for bg and color because you don't want the onmouseover event to trigger and any other than white to be there. You can change any of that.

Is there any way to right adjust the dates so they all line up against the edge?

I can think of a couple of ways to do it.

1. You can make tables in each aI string, 3 columns, left for the left text, middle to space out the area and right for the date. That will work, but it seemed to blank out the text, make it white for some reason and if you set a font color then there will be no text color change on mouseover. I didn't play around with it much to see what was going on. Instead I did the following.

2. In place of the non breaking line spaces you could use that clear.gif you made for below the header to space it out.

Code: Select all

aI("text=White Rock, B.C.<img src=clear.gif width=150 height=1 border=0>April 23, 2005;

You would have to kind of do a visual for the size in each aI since it would be differnt depending on the amount of text to the left. But, it would be much more 'equal' than the non breaking line spaces you have now.

I'll think on it some, and maybe someone else would have an idea how to do it.

Ruth

[SkyFlyer]

Cool ...
Thanks for the ideas.
Never thought of the transparent gif.
I'll play with it tomorrow ...
Thanks ...