Page 1 of 1

[OPGELOST]Centreer Image_rotator

Posted: Wed Jan 20, 2010 8:03 pm
by voorhammr
Hallo ik heb net als de nieuws module in de sjabloon een extra hokje gecreerd (een extra news div). Hierin wil ik roterend dmv {image_rotator} onze sponsoren tonen. Nu lukt me dit wel, enkel zou ik de Images graag willen centreren in het midden. Dit lukt mij tot nu toe niet. Kan iemand mij misschien helpen? Ik gebruik ook 's om ervoor te zorgen dat de images wel in het blok van de sponsoren komen. (vooorbeeld: http://www.sbfeest.nl/cms)
De code welke ik nu heb:

-------------------------------------------Sjabloon-----------------------------------------

       Sponsoren 2009


{* Start sponsoren *}

{image_rotator folder="uploads/sponsoren" maxdepth="-1" rotator="new" speed="4" speed_fade="3" alt="Sponsoren 2009"  align="center" width="100" height="100" border="1" url="http://www.sbfeest.nl" url_target="_blank"}



-------------------------------------------Stylesheet-----------------------------------------
.sbar-title {
font: bold 1.2em Arial, Helvetica, sans-serif;
color: #252523;
}
.sbar-top {
height: 20px;
width: auto;
padding: 10px;
background: url(uploads/NCleanBlue/bg__content.png) no-repeat left top;
}
.sbar-main {
width: auto;
border-right: 1px solid #E2E2E2;
border-left: 1px solid #E2E2E2;
background: #F0F0F0;
               text-align: center;
}
span.sbar-bottom {
width: auto;
display: block;
height: 10px;
background: url(uploads/NCleanBlue/bg__content.png) no-repeat left bottom;
}


 

Re: Centreer Image_rotator

Posted: Thu Jan 21, 2010 1:02 am
by Gamonon
Je broncode ziet er wel erg rommelig uit. Blijkt ook uit de 114 errors die W3C geeft. Je hebt onder andere scriptcode her en der staan en je gebruikt herhalende (moet
zijn)

Als ik me niet vergis worden er 4 verschillende stylesheets aangeroepen met heel erg veel commentaar trouwns.
Dat is te veel, pak ze samen tot een stylesheet.
Image Cross Fade Redux Version 1.0 Last revision: 02.15.2006, erg oud. Er zijn makkelijkere en betere oplossingen voor

Je module staat in

Code: Select all

<div class="sbar-main" style="text-align:center">
heeft in je css al de waarde text-align:center. Het heeft geen zin om dat hier zo nog eens toe te voegen.

De makkelijkste oplossing is je banners grafisch allemaal dezelfde breedte (van de kolom) te geven. Vul desnoods de kanten op met wit.
Iets minder makkelijk: werk vanuit je css om de content in een div te centreren. Je kan dan meteen ook de content van de andere cellen in die kolom (Laatste Tweets) losmaken van het kader.