SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Member
    Join Date
    Apr 2012
    Location
    Coimbatore, India
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question How can I make a full page noobSlide?

    I'm trying to create a full page noobslide for my website. I tried changing the width to 100% in style.css its not working.

    here is the copy of the sample I'm working on.
    http://dl.dropbox.com/u/39803954/noo...emo/index.html

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,168
    Mentioned
    454 Post(s)
    Tagged
    8 Thread(s)
    Hi Jeswin Simon. Welcome to the forums.

    You also need to change the widths on all the inner elements, too, as they all have pixel widths.

  3. #3
    SitePoint Member
    Join Date
    Apr 2012
    Location
    Coimbatore, India
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by ralph.m View Post
    Hi Jeswin Simon. Welcome to the forums.

    You also need to change the widths on all the inner elements, too, as they all have pixel widths.

    I already tried changing the width of mask1 and #box8 div . Not working.

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

    I don't think css will help here as that script seems to be built to work with fixed widths only as you have to set the width in the jquery parameters. The script would need to be revised to accommodate fluid widths and really a question for the JS forum.

    Indeed there are not many fluid width text sliders about because of the problem with the fact that text will expand at different widths and cause the element to be taller or shorter depending on the width of the screen and most sliders are fixed height. this can have the effect that all the page content jumps up and down for each new slide. You can't set a fixed height either because if you close the window the text would be taller and break out of the container.

    We had a question in the forums a while back and I converted the following menu to be fluid.

    http://www.pmob.co.uk/fluid-slide/fluid-slide.htm

    It suffers from the problem that I mentioned where the page jumps up and down as the element expands. Therefore I also made this example which calculates the height of the tallest element in the slides and uses that as a base for the height.

    http://www.pmob.co.uk/fluid-slide/fluid-slide7.htm


Tags for this Thread

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
  •