SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    SitePoint Member
    Join Date
    Oct 2012
    Posts
    4
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    CSS HELP! - Positioning the Jquery NivoSlider

    Hello there,

    I am looking for advice on how to move my jquery slider into the headwrapper whilst making it full width and 390px (same height as the headerwrapper) and also to make sure the slider is beneath the header,logo and menu.

    - shockwaver88.webatu.com
    - http://shockwaver88.webatu.com/css/style.css
    - http://shockwaver88.webatu.com/nivo-slider.css

    If possible, any ideas on how to fix the duplication of individual images on the slider? Seems like there's a resized image and a default sized image that appears. I would prefer it to be the resized image which seems to be the same size as the customized height and width of the slider although, all parts of image does not show which may vary because of the image.

    Thank you in advance!

  2. #2
    SitePoint Member
    Join Date
    Oct 2012
    Posts
    4
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    If can do, could you tell me if all the coding is correct and that everything should work for ie7+, important project for my coursework.

  3. #3
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    23,608
    Mentioned
    413 Post(s)
    Tagged
    7 Thread(s)
    Quote Originally Posted by ShockWaver88 View Post
    I am looking for advice on how to move my jquery slider into the headwrapper whilst making it full width
    It's not really clear what you mean. The herdwrapper is only 1000px wide. What do you want to do with the stuff that's in the head now?

  4. #4
    SitePoint Member
    Join Date
    Oct 2012
    Posts
    4
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I basically want to put the nivo slider inside the black box (headerwrapper) and to make the nivoslider with a 100% width and 390px height, making sure the nivoslider is positioned behind the navigation bar and the logo.

  5. #5
    SitePoint Member
    Join Date
    Oct 2012
    Posts
    4
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Need help on this ASAP!

  6. #6
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    23,608
    Mentioned
    413 Post(s)
    Tagged
    7 Thread(s)
    S'pose you could try adding something like this to your CSS:

    Code:
    #header {
      position: absolute;
      z-index: 100;
      left: 50%;
      margin-left: -500px;
    }


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
  •