Results 1 to 2 of 2

Thread: Ultimate Fade-in slideshow (v2.4) Center the div?

  1. #1
    Join Date
    Sep 2013
    Posts
    5
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default Ultimate Fade-in slideshow (v2.4) Center the div?

    1) Script Title: Ultimate Fade-in slideshow (v2.4)

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...m#.Ujw_4T95eXh

    3) Describe problem: I am having trouble centering the DIV that contains the Imageslider box! Can anyone help me out?
    For better understanding I will add a Picture
    Click image for larger version. 

Name:	Unbenannt.jpg 
Views:	98 
Size:	10.1 KB 
ID:	5262

    I would like that to be centered along with the other info! Here is my HTML and CSS.

    HTML
    Code:
        <div id="sframe">
            <h3> Gelsenkirchen </h3>
            <!-- Image slider -->  
            <div id="gelsenkirchen" class="spic"></div>
            <div id="geltoggler" class="stog"  text-align:center; margin-top:1px">
                <a href="#" class="prev">&vartriangleleft;</a>  <span class="status" style="margin:0 50px; font-weight:bold"></span> <a href="#" class="next">&vartriangleright;</a>
            </div>
            <!-- end image slider -->
            <div id="sinfo"
                 <li><h3>Details</h3><li>
                <li><b>Standort:</b>  Gelsenkirchen </li>
                <li><b>Telf. Nr.:</b> 091728172 </li>
                <li><b>E-Mail:</b> gelsenkirchen@nazar-sb.com </li>
                <li><b>Praxisleitung:</b> Frau Krizsat </li>
                <li><b>Öffnungszeiten:</b> Montag-Freitag 9-18 Uhr. Samstags nach Absprache</li>
            </div>  
        </div> <!-- end Gelsenkirchen -->
    CSS
    Code:
    /* STANDORTE PRESENTATION */
    
    #sframe li{
        list-style: none;
    }
    
    #content ul{
        margin-top:5px;
    }
    
    #sframe {
        display: inline-block;
        width: 750px;
        border-top: 1px solid rgb(169, 169, 169);;
        border-bottom: 1px solid rgb(169, 169, 169);
        background-color: rgb(243, 244, 244);
        text-align:center;
    }
    
    #spic {
         display: inline-block;
    }
    #stog {
         display: inline-block;
    }
    
    #sinfo{
    
        font-family: lato;
        font-size:14px;
        margin-top: -10px;
        text-align: center;
        padding: 20px;
    }
    Thanks in advance
    Kind Regards Dom

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    29,134
    Thanks
    44
    Thanked 3,231 Times in 3,192 Posts
    Blog Entries
    12

    Default

    It's hard to say for sure without seeing the page. Try this:

    Code:
    #gelsenkirchen {
    	text-align: left;
    	margin: 0 auto;
    }
    Requires a standards invoking DOCTYPE in IE.

    The browser cache may need to be cleared and/or the page refreshed to see changes.

    If you want more help, please include a link to the page on your site that contains the problematic code so we can check it out.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. The Following User Says Thank You to jscheuer1 For This Useful Post:

    Disturbed (11-14-2013)

Similar Threads

  1. Can't center Ultimate Fade-In Slideshow
    By BelowZero in forum Dynamic Drive scripts help
    Replies: 3
    Last Post: 09-28-2013, 03:45 AM
  2. :: Ultimate Fade-in slideshow (v2.4) - center description text
    By jvloren in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 01-19-2012, 08:37 AM
  3. Center Image In Ultimate Slideshow 2.4
    By musicmed in forum Dynamic Drive scripts help
    Replies: 3
    Last Post: 05-27-2011, 08:59 AM
  4. Ultimate Fade-in slideshow (v2.1) Horizontal off center.
    By RatataDK in forum Dynamic Drive scripts help
    Replies: 0
    Last Post: 04-13-2010, 08:49 PM
  5. Resolved Center the Ultimate Fade-in Slide Show (v2.1)
    By StephanieT in forum Dynamic Drive scripts help
    Replies: 7
    Last Post: 03-12-2010, 12:24 AM

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
  •