Disturbed
10-23-2013, 10:28 AM
1) Script Title: Ultimate Fade-in slideshow (v2.4)
2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm#.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
5262
I would like that to be centered along with the other info! Here is my HTML and CSS.
HTML
<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">⊲</a> <span class="status" style="margin:0 50px; font-weight:bold"></span> <a href="#" class="next">⊳</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
/* 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) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm#.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
5262
I would like that to be centered along with the other info! Here is my HTML and CSS.
HTML
<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">⊲</a> <span class="status" style="margin:0 50px; font-weight:bold"></span> <a href="#" class="next">⊳</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
/* 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