He Allemaal,

Ik heb er nu al enkele uren staren en proberen opzitten, maar ik kom er niet uit.

Ik heb een voorbeeld van mijn probleem op http://www.artikelcentrale.nl/slideshow/ gezet.

Links van het plaatje van de slideshow staat een zwarte rand. Ik kan hem in firebug nog wel vinden, maar vervolgens nergens in de code

<img style="border-left-width: 2px; border-left-style: solid; border-left-color: rgb(0, 0, 0); border-right-width: 2px; border-right-style: solid; border-right-color: rgb(0, 0, 0); opacity: 1; " src="http://www.artikelcentrale.nl/wp-content/uploads/slideshow-gallery/artikelcentrale.nl.png">

Dit lijkt mij de boosdoener, hoewel er aan de rechterkant geen rand te zien is.

Ik wil die zwarte rand dus weghebben, maar hoe?

Ik ben nog lerende in de HTML en CSS, zodoende dat ik er zelf niet uitkom. Jullie hulp wordt erg op prijs gesteld!

Alvast bedankt!

Willem,

Heb je al eens gekeken met https://addons.mozilla.org/nl/firefox/addon/firebug/ ?

Origineel gepost door J Martens

Willem,

Heb je al eens gekeken met https://addons.mozilla.org/nl/firefox/addon/firebug/ ?

Dat heb ik al gedaan. Ik kan hem er ook wel mee vinden, daarvandaan komt de html code in de vraag. Maar ik kan het vervolgens niet op een bestand herleiden php noch css.

Zit waarschijnlijk in je gallery.js. Lijn 105 weghalen in dit script?

Origineel gepost door Ramon Leenders

Zit waarschijnlijk in je gallery.js. Lijn 105 weghalen in dit script?

Dat is hem inderdaad, bedankt! Dat had ik zelf echt nooit gevonden.

Dit was de code:

le:function(s,c){
this.f.appendChild(this.i);
var w=this.o-parseInt(this.i.offsetWidth);
if(w>0){
var l=Math.floor(w/2);
this.i.style.borderLeft=l+'px solid ' + this.letterbox;
this.i.style.borderRight=(w-l)+'px solid ' + this.letterbox

Als ik de border-left weghaal, dan krijg ik rechts een zwart lijntje. En als ik ze allebei (laatste 2 regels) weghaal krijg ik een wit lijntje aan de rechterkant. Om het af te maken, enig idee hoe ik dat nog op kan lossen?

Bij gallery-css.css, regel 7 width:642px; veranderen in width:640px; of lager misschien.

Origineel gepost door Ramon Leenders

Bij gallery-css.css, regel 7 width:642px; veranderen in width:640px; of lager misschien.

Aha, ik kan echter alleen maar slideshow-gallery/css/gallery-css.php vinden en daar staat het niet in, enig idee?

Oh wacht, het moet inderdaad dat .php bestand zijn. Regel 7 moet correct zijn. Ik zie hier width:642px;. Dat moet dus echt 640px; worden, dan zit je gebakken.

Origineel gepost door Ramon Leenders

Oh wacht, het moet inderdaad dat .php bestand zijn. Regel 7 moet correct zijn. Ik zie hier width:642px;. Dat moet dus echt 640px; worden, dan zit je gebakken.

Ok! Dit is het begin van dat .php bestand, de 642 zal hier wel ergens berekend worden. Die padding:2px waren het iig niet, maar wat wel?


<?php header("Content-Type: text/css"); ?>

<?php $styles = array(); ?>
<?php foreach ($_GET as $skey => $sval) : ?>
<?php $styles[$skey] = urldecode($sval); ?>
<?php endforeach; ?>

#slideshow { list-style:none !important; color:#fff; }
#slideshow span { display:none; }
#slideshow-wrapper { position:relative; width:<?php echo ((int) $styles['width'] - 6); ?>px; background:<?php echo $styles['background']; ?>; padding:2px; border:<?php echo $styles['border']; ?>; margin:0; display:none; }
#slideshow-wrapper * { margin:0; padding:0; }

Oh op die manier. Zoek even naar #fullsize {, en dan kijk je daar naar de width hoe hij geplaatst wordt. Bij 640px is het in ieder geval in orde. Als je niet uit de berekening komt, post even de relevante code van deze div in dat php bestand.

Origineel gepost door Ramon Leenders

Oh op die manier. Zoek even naar #fullsize {, en dan kijk je daar naar de width hoe hij geplaatst wordt. Bij 640px is het in ieder geval in orde. Als je niet uit de berekening komt, post even de relevante code van deze div in dat php bestand.

He Ramon,

Dit is het nu:

#fullsize { position:relative; z-index:1; overflow:hidden; width:<?php echo ((int) $styles['width'] - 10); ?>px;

die -10 was -8, nu staat het helemaal goed, bedankt man!

Heb je nog een financiele/werk/zakelijke gerelateerde link nodig, dan plaats ik die graag even voor je?!

Nogmaal bedankt!