Slider do prawej strony

0

Witam,
Dodałem do strony slideshow i chciałem go umieścić obok tekstu, po rpawej stronie, ale nie chce mi coś wyjść.
Daję float:right i mi całkowicie znika.
Tutaj strona: http://misterj.naszastrona.eu/onas.html

css tego slideshowa

<dl class="codebox"><dd>

/* Basic jQuery Slider essential styles */

ul.bjqs{list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{ display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}

ul.bjqs-controls.v-centered li a{
display:block;
padding:10px;
background:#fff;
color:#000;
text-decoration: none;
}

ul.bjqs-controls.v-centered li a:hover{
background:#000;
color:#fff;
}

ol.bjqs-markers li a{
padding:5px 10px;
background:#000;
color:#fff;
margin:5px;
text-decoration: none;
}

ol.bjqs-markers li.active-marker a,
ol.bjqs-markers li a:hover{
background: #999;
}

p.bjqs-caption{
background: rgba(255,255,255,0.5);
}

#banner-fade{}

</dd></dl>

Oficjalna strona slideshowa: http://www.basic-slider.com/

Proszę o pomoc. :)

0

Jak dasz #banner-fade { float: right; } to wszystko jest ok (ale już po inicjalizacji).
Jeżeli tekst nie ma opływać tego bannera to wstaw po #banner-fade <br style="clear: both;" /> i powinno być ok (może to też pomóc z problemem przy inicjalizacji).

Ew. #banner-fade { display: inline-block; } oraz otocz go divem z text-align: right;.

0

Właśnie próbowałem takie sposoby.
Przed bannerem dałem

i dla tego diva dałem clear:both, także próbowałem z display:inline-block i text-align:right ale też nic.
Dlatego znalazłem inny slideshow, z którym się udało. Oto link do niego: http://reallysimpleworks.com/slideshow/
Potrzebowałem szybko to zrobić, dlatego zmieniłem slideshow. Ale mimo to dzięki za pomoc! :)</p>

1 użytkowników online, w tym zalogowanych: 0, gości: 1