Milonic provide full featured pull down web menus for some of the worlds largest companies
click here to see what it can do for you

Download Milonic DHTML Menu
Buy Milonic DHTML Menu

Back To Start Of Archive
Taken From The Forum: Help & Support for DHTML Menu Version 5+
Forum Topic: Click to view post
Last Updated: Saturday July 14 2012 - 06:07:35

Formatting text in a sub menu


Poster: SkyFlyer
Dated: Friday August 12 2005 - 5:15:19 BST

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:
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 ...


Poster: Ruth
Dated: Friday August 12 2005 - 7:05:02 BST

SkyFlyer wrote:
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:
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.

SkyFlyer wrote:
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:
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


Poster: SkyFlyer
Dated: Friday August 12 2005 - 7:10:16 BST

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