White padding after menu item text

Poster: selvan777
Dated: Saturday February 18 2012 - 6:56:24 GMT

I'm sorry, I feel like I've tried all the padding properties and can't seem to get the effect I'm looking for.

See the images below, if it so happens that the longest line of text has a subimage, the subimages appear to be aligned in their own cloumn. But if it's without one, the subimages appear to share the same column of text. I'm using   to fill the gap right now. How do I apply the proper style property that will automatically add padding to the end of the longest line of text in a vertical sub menu with a subimage?

Thanks,
Selvan

Re: White padding after menu item text

Poster: Ruth
Dated: Sunday March 11 2012 - 6:04:01 GMT

Hi,

You have two options. Let's use the surfin submenu. You set the subimage position to be left, so in the style section you'd add subimageposition='left'; Then in each item that doesn't have a subimage you put a transparent image 10px wide and set padding, position etc. in the aistring like this



The second option is to set the itemwidth of those submenus. Again in the surfin submenu the widest width seems to be less than 300px, so you'd do this in the menu section



Those were the only solutions I found. Now, the first solution is the more involved but the better with regards to users text/font choices since it would be fixed. I.E. the subimages are 10px wide and the padding for them is 4px, so the trans image and padding in the non subimage items will be the same as the subimage items, no matter the text size, font choices of users. The setting of item width as in solution two is the easier, but not as 'fixed' with regard the users choices as to font and text size.

Hope this helps

Ruth

Re: White padding after menu item text

Poster: selvan777
Dated: Monday March 12 2012 - 5:04:26 GMT

Hi Ruth,

Thanks, from your reply I found I could just add this to the ai that had the longest text without a sub.
It's too bad it can't be automatically added like in the subimage="menu/images/arrow_down_bob_black.gif"; property.

;image=menu/images/blank.gif;imageposition=right;imagepadding=8

I have been playing with the new non-js webplugs menu but I think I'd better wait for it's official release...

Re: White padding after menu item text

Poster: Ruth
Dated: Tuesday March 13 2012 - 2:33:30 GMT

Hi,

When they get it done it will be great, as all that Milonic does. However, I am not a css guru, I don't like it since it is so involved and is NOT intuitive for the average person in the 'real' world. It creates a whole new study area to create new jobs to build websites. I won't get started on it, because I find it a ridiculously involved way to build a website.....i.e. your columns are not intutitively the size you make them because oh, you have to remember if you make it say 260 wide for 3 columns on a 800 wide page 10px margin, it won't work, since any margin between columns changes so some margin disappears, and borders are outdide the column so subtract that from the column size if you don't want to get a scroll bar and so on and so on. Now, the menu I use now, the version 5, that is so easy to use, and you can really manipulate it to change design and so on Ah, well, I still went off on css !

Ruth

Re: White padding after menu item text

Poster: selvan777
Dated: Tuesday March 13 2012 - 4:25:53 GMT

Yeah, I hear you, master one thing and here comes another. For you anyway, I still struggle even with this one. Just like my page editor, I've been using MS Word since Word 95. And now I'm having to give it up but am not looking forward to learning another beast. Ever since I installed the Facebook Like button, I can't do a single thing and without having it disappear for some strange reason or other.