Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 5 of 5
  1. #1
    Junior Member
    Join Date
    Nov 2013
    Posts
    2
    Member #
    37823

    SOS - can't center slide show images

    trying to get this to work for my job, it was working fine, then I modified the images and now I can't get the slide show to align back to the center. I've been at it for hours...changing all sorts of things that seem obvious, but apparently not. Please oh please can someone shed some light?
    Here's the page:
    home

    here's the slider css
    /********** slider **********/
    .slider {background: #fff url(images/slider_bg.gif) top repeat-x; margin:0 auto; padding:0; height:405px;}
    .slider div.slice1 { margin:0 auto; width:100%; padding:0;}
    .slider div div div { margin:0; padding:0; width:100%; height:405px; border:0;}
    .slider div div div p.img { float:center; width:100%; padding:37px 0 0 0; margin:0;}
    .slider div div div h2 {width:100%; float: left; font:bold 50px Arial, Helvetica, sans-serif; color:#000000; margin:0; padding:40px 0 0 10px; line-height:1.2em;}
    .slider div div div h2 span { color:#de0000;}
    .slider div div div p { width:100%; float:center; font:normal 14px Arial, Helvetica, sans-serif; color:#555555; margin:0; padding:20px 0 0 10px; line-height:1.8em;}

  2.  

  3. #2
    Senior Member Zboost's Avatar
    Join Date
    Apr 2011
    Location
    Houston
    Posts
    246
    Member #
    27459
    Liked
    20 times
    Is this what you want?

    Change:
    Code:
    .slider {background: #fff url(images/slider_bg.gif) top repeat-x; margin:0 auto; padding:0; height:405px;}
    To:
    Code:
    .slider {background: #fff url(images/slider_bg.gif) top repeat-x; margin:0 auto; padding:0; height:405px; overflow: hidden;}
    It looks center on my screen it just goes off the screen. It could be my resolution though? I'm at work.

    Edit: Even on my phone the pictures look to large. They go way outside the page.

    Now that I am at home totally not what I thought it was...
    Last edited by Zboost; Nov 27th, 2013 at 06:20 PM.

  4. #3
    Senior Member Zboost's Avatar
    Join Date
    Apr 2011
    Location
    Houston
    Posts
    246
    Member #
    27459
    Liked
    20 times
    #slider {margin:0 auto; padding: 0; list-style: none;}

    That should center it, but keep the class .slider{overflow: hidden;} will fix another issue you had on browsers to small.

  5. #4
    Junior Member
    Join Date
    Nov 2013
    Posts
    2
    Member #
    37823
    thanks. Where do I put this:
    #slider {margin:0 auto; padding: 0; list-style: none;}
    Create a new line in the css sheet?

    This way didn't work:
    .slider {background: #fff url(images/slider_bg.gif) top repeat-x; margin:0 auto; padding: 0; list-style: none; overflow: hidden;}

  6. #5
    Senior Member Zboost's Avatar
    Join Date
    Apr 2011
    Location
    Houston
    Posts
    246
    Member #
    27459
    Liked
    20 times
    Just put it under .slider if you want to keep it kind of in the same order, that's just me though.


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 03:15 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com