Results 1 to 1 of 1
Feb 26, 2013, 05:43 #1
- Join Date
- Oct 2011
- Zele, Belgium
- 0 Post(s)
- 0 Thread(s)
On slide-event height issues multiple menu-items
Thanks to your help I made this site a while ago. Iím currently adapting the site, but Iím encountering some problems.
Because itís a horizontal side, I made the text appear through an on-click slide-event. However, the calculations for this slide-event are based on 3 or less menu-items (image: 2 menu-items.jpg). When I add menu-items, the sliding continues and slides larger than the height of our central container (image: more menu-items slide.jpg ). It should be no higher than 450px (height of left image). With 2 itís perfect, with 3menu-items it goes a little bit too high aswell (image: 3 menu-items.jpg )
Since Iím not a jquery-hero, I canít seem to find how to adjust this so that this will work with even 6 menu-items.
If there is a lot of text under the menu-item, that makes that you canít read it all because of the height with the menu-items OF because you window the site which makes the textarea smaller, how can we resolve this issue (image:windowed site lot of text.jpg )? If we add overflow- scroll, thereís an ugly scrollbar right from the beginning, which makes the entire page look ugly. Are there any other options?
Here is how a title is being made up in source code:
<div id="DIV1" style=" overflow:hidden; position: relative; height: 30px;" onclick="start_slide(this.id);"> <div id="DIV1_title" style="top:0px; left:0px;">Title</div> <div id="DIV1_content">Content </div></div>
Thanks a lot for the help.
Last edited by Dark Tranquility; Feb 26, 2013 at 07:39.