SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Enthusiast
    Join Date
    Oct 2011
    Location
    Zele, Belgium
    Posts
    94
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Height problems on-slide event.

    Dear Sitepoint-users

    Thanks to your help I made this site a while ago. Iím currently adapting the site, but Iím encountering some problems.
    www.mira-zele.be
    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: Attachment 61628). When I add menu-items, the sliding continues and slides larger than the height of our central container (image: Attachment 61626 ). 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: Attachment 61629 )

    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:Attachment 61630 )? 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:
    Code HTML4Strict:
    <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>
    In attachment also my css Attachment 61632.

    Thanks a lot for the help.

    Kind regards
    Maxx-it

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,526
    Mentioned
    182 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    I think everyone elese is as confused as me which is why the thread has been unanswered

    Quote Originally Posted by Maxx-iT View Post
    However, the calculations for this slide-event are based on 3 or less menu-items (image: Attachment 61628).
    Can you clarify which menu items we are looking at? I can't see what you mean on the attachment. Do you mean you just have three slides (images)?

    When I add menu-items,
    What are menu items? The left red menu? What are you adding?

    the sliding continues and slides larger than the height of our central container (image: Attachment 61626 ). 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: Attachment 61629 )
    I think you will need to start again and tackle only one issue at a time and provide a link to the page that shows the problem in action (or at least describe how we can make this happen). I'm a little confused as to what I'm looking at in the attachments and to what menu items you are referring to.

    If I can see for myself the issue then it will be easier to offer advice.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •