Industrial Strength JavaScript and DHTML Menus
About Us
Testimonials
Contact Us
Our Distinguished Clients
Investing in Non-Profits
Where Are We
Privacy Policy
Software Licensing Agreement
DHTML JavaScript Menu
Product Information
Page Integration
Quick Reference Guides
Embedding Into a Table or DIV
Purchase
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. 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!");
aI("text= <big><b>2005 Festivals</b></big>;url=;");
aI("text= ;url=;itemheight=4;");
aI("text=White Rock, B.C. 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