UDM4 Bug/Complaint re: Fixed width horizontal menu first level list items
(NOTE: Fix has been found - see reply, further down)
Grrrrrrrrr It's maddening that in udm-custom.js, there is this line in // NAVBAR DEFAULT STYLES : Quote:
Just a further bit down the config file, you CAN set a fixed width for secondary and lower list elements, and if the text is too long then it just wraps inside the fixed width. See this line which DOES work for adjusting horizontal width in // MENU DEFAULT STYLES: Quote:
Here's what I am trying to do, done with the free son of suckerfish dropdown: http://dev.santafecreativetourism.or...tnotiemac.html Note the pretty little controlled width squares? Text wrapping/stacking is OK with me. Not working in IE/Mac is not so OK with me, though... which brought me to UDM. I really, really want to be able to do this in UDM. In fact, it's why I bought UDM! However, the closest UDM can get (using above quoted configuration) is as follows: http://dev.santafecreativetourism.or...tfixwidth.html Config files are in http://dev.santafecreativetourism.org/udmsucks/ UDM DOES correctly set a fixed width for the child menus, but won't do it for the first level. Is there any way that this behaviour can be achieved in UDM? If not, are there any recommendations for a drop down script that can do this? Tx, s |
UDM4 Support Technical FAQ - Question #1 omits the entire answer - fixed width solved
Note that the UDM4 Developers provide just enough info in the FAQ to get one intro trouble... On the UDM4 FAQ page, http://www.udm4.com/manual/faq/ the very first Question is:
Quote:
Quote:
http://www.udm4.com/manual/developme...xternal-widths Quote:
http://dev.santafecreativetourism.or...tfixwidth.html The very last style on the page is: Code:
ul#udm li a, ul#udm li { width:117px; } Even tried highest specificity in-line CSS ala: Code:
<li style="width:117px;"><a style="width:117px;" href="http://dev.santafecreativetourism.org/contact.html">Contact</a></li> The problem appears to be that fixed width li items works ONLY if your fixed-width size is LARGER (longer) than that necessary to display the textual copy. For example, if on the above page I made the width 217px, then all items WOULD be the same width. However, notice on my son of suckerfish (free) drop down example, http://dev.santafecreativetourism.or...tnotiemac.html My desired behavior of truly fixed width works, and the text simply wraps inside the li to fit. Thinking that maybe another culprit (in the encrypted and extremely - on purpose - difficult to decipher code) for this unintended no-wrap behavior might be the CSS white-space property, I tried: Code:
ul#udm li a, ul#udm li {width:117px;white-space:normal;text-align:center;} UDM - could you please update the answer in your FAQ to address the issue of white-space, CSS and wrapping text, when li 'buttons' are LESS wide than the total space available? |
All times are GMT. The time now is 05:29 PM. |
Powered by vBulletin® Version 3.0.1
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.