Avatar billede nk_bitsch Nybegynder
02. august 2011 - 10:41 Der er 3 kommentarer og
1 løsning

slideshow alight right

Hej alle sammen.

Jeg skal have et slideshow til at sidde i højreside at en side, og have det til at have en hvid border på 10px, nøjagtigt som jeg har gjort med billedet her:

http://riyadelcadi.photogear.dk/city/excursion/


Jeg har fundet et wordpress plugin som hedder Portfolio slideshow, men jeg skal have ændret CSS'en så det står i højre side.

Her er et link hvor i kan se at slideshowet sidder forkert: http://riyadelcadi.photogear.dk/city/city-tour/

Håber i kan hjælpe. Her er koden:


.portfolio-slideshow {

    z-index: 0 !important

}



div.slideshow-wrapper {

    visibility: hidden;
    margin:0 0 10px 0;

}


/* clearfix */
div.slideshow-wrapper:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
    }
* html div.slideshow-wrapper:after            { zoom: 1; } /* IE6 */
*:first-child+html div.slideshow-wrapper:after { zoom: 1; } /* IE7 */



div.slideshow-wrapper .inactive {

    cursor: default;

    filter:alpha(opacity=40);

    opacity: 0.2

}



div.portfolio-slideshow .not-first {

    display: none

}


.slideshow-content img {
    margin: 0!important;
    border: none!important;
    padding: 0!important;
    max-width: none!important
}

.slideshow-content.fade img {
    max-width: 100%!important;
    width: auto;
    height: auto;
}


div.slideshow-content.fade {
    width: 100%
}


div.slideshow-nav{

    padding: 5px 0 6px

}



div.slideshow-nav a{

    color: #444;

    text-decoration: underline

}



div.slideshow-nav a.pause, div.slideshow-nav a.play{

    margin: 0 15px 0 0

}



div.slideshow-nav a.slideshow-prev{

    margin: 0 10px 0 0

}



div.slideshow-nav a.slideshow-next{

    margin: 0 25px 0 10px

}



div.slideshow-thumbs{

    width: 600px
    margin:0;

}



div.slideshow-thumbs img{

    height: 75px;

    width: 75px

}



div.slideshow-thumbs ul.slides{

    margin: 0;

    padding: 0

}



div.slideshow-thumbs li{

    display: block;

    float: left;

    list-style-type: none;

    padding: 0 10px 0 0

}



.slides a img.attachment-thumbnail{

    filter:alpha(opacity=50);

    opacity: 0.5

}



.slides li a.activeSlide img.attachment-thumbnail,.slides li.activeSlide a img.attachment-thumbnail{

    filter:alpha(opacity=100);

    opacity: 1

}



.slideshow-holder{

    background: url(lib/images/ajax-loader.gif) no-repeat 80px 60px;

    height: 150px;

    position: absolute;

    width: 150px

}
Avatar billede michael_stim Ekspert
02. august 2011 - 11:07 #1
Du skal nok kigge nogle af dine åbne spørgsmål igennem og få dem lukket. Hvad spørgsmålet angår, vil jeg tro at du skal kigge på float (uden at have set din kode igennem).
Avatar billede nk_bitsch Nybegynder
02. august 2011 - 11:15 #2
Mange tak.

Jeg sad lige og kiggede på det selv i 10min og fandt ud af det.. det var meget simpelt.

Jeg lukker og giver dig points.
Avatar billede michael_stim Ekspert
02. august 2011 - 11:18 #3
Her lægger du selv et svar og accepterer, da jeg ikke samler på point.
Avatar billede nk_bitsch Nybegynder
02. august 2011 - 12:08 #4
OK :)

jeg er ikke helt inde i hvordan det fungerer
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester