problem z bxslider - Wersja do druku

problem z bxslider - Wersja do druku

+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: problem z bxslider (/thread-problem-z-bxslider)

problem z bxslider - przemooomax - 19-12-2010

Witajcie!

Mam problem, mam na stronie bxSlider z http://bxslider.com/, mój sileder wygląda tak:
[Obrazek: img.PNG]

Problem ustaje gdy przejdzie cała kolejka... Wtedy jest ok...
Oto kod:

Kod:
<ul id="slider1">

  <li>

     <div class="item">

      <img src="real/1.PNG" height="250" alt="" title="" width="380" />

      <div class="info">

        <p class="nazwa">IntelSystems</p>

        <p class="opis">Montaż i konserwacja klimatyzatorów. </p>

        <p class="opis">Czas realizacji: 2 tygodnie</p>

        <p class="opis">xHTML, CSS3, PHP</p>

        <p class="adres"><a href="realizacje_go.php?link=http://www.klimahot.pl">Zobacz on-line</a></p>

      </div>

    </div>

  </li>

.........

Kod:
        #realizacje #slider1 { width:785px; margin:0 auto;}

        #realizacje #slider1 li .item { width: 785px; float:left;}        

        #realizacje #slider1 li .item img { text-align:center; border:solid 1px #CCC; width:380px; float:left;}

        #realizacje #slider1 li .item .info { padding:10px; background-color:#D4D4D4; width:380px; float:left; }

        #realizacje #slider1 li .item .info .nazwa {font-size: 22px;}

        #realizacje #slider1 li .item .info .adres { text-align: right !important; font-size:12px;}

        #realizacje #slider1 li .item .info .opis { font-size: 12px;}

Jednak gdy zmienie na:

Kod:
#realizacje #slider1 li .item { width: 785px; float:left; margin-left: -30px;}

Problem ustaje tylko w pierwszej kolejce, a w drugiej dalej wygląda tak jak na screen... co robić?

RE: problem z bxslider - Engine - 21-12-2010

Kod:
#realizacje #slider1 li .item { width: 785px; float:left;}

a nie powinno być tak:

Kod:
#realizacje #slider1 li { width: 785px;}

spróbuj...

-----------

i jeszcze po daniu float:left; musi być clear.