Witam chciałem prosić o pomoc z DIV ami .
Chciałem wstawić 2 DIV obok siebie bez dodatkowych CSS.
I coś mi z jakiegoś powodu nie wychodzi .
Zamiast obok siebie ,DIV są pionowo ułożone.
Gdy usunę skrypty z DIV wszystko działa poprawnie.
<div style="float: left; width: 60%\">
<?php
include"infusions/kartka_panel/kartka_panel.php";?>
<div style="float: left; width: 30%\">
<style type="text/css">
h2{
color: red;
}
pre{
padding: 4px;
border: #F90 dotted 1px;
}
</style>
<script type="text/javascript" src="nw/2.js"></script>
<script type="text/javascript" src="nw/r2.js"></script>
<script language="javascript" type="text/javascript">
$(function() {
$("#slajdy").slajdy({
slideshow_transition_effect: 'Mosaic,Wipe_from_horizontal_blind,Wipe_from_vertical_blind,Wipe_from_vertical_center,Wipe_from_horizontal_center,Wipe_to_horizontal_center,Wipe_to_vertical_center,Wipe_from_bottom_to_top,Wipe_from_top_to_bottom,Wipe_from_right_to_left',
slideshow_time_interval: '4000',
slideshow_window_width: '400',
slideshow_window_height: '300',
slideshow_background_color: '#FFF',
slideshow_border: '#999 solid 2px',
text_effect: 'text_fade'
});
});
</script>
<div id="slajdy">
<ul>
<li>
<a href="#" ><img src="https://nw.j.pl/infusions/gallery/photos/album_1/thumbs/hosznia_niwa_t1.jpg" alt="niebo" /></a>
</li>
<li>
<img src="https://nw.j.pl/infusions/gallery/photos/album_1/thumbs/hosznia-ordynacka_t1.jpg" alt="morze kwiatów" />
</li>
<li>
<a href="#" ><img src="https://nw.j.pl/infusions/gallery/photos/album_1/thumbs/pola-rzepaku_t1.jpg" alt="kwiat" /></a>
</li>
<li>
<a href="#" ><img src="https://nw.j.pl/infusions/gallery/photos/album_1/hosznia_niwa.jpg" alt="rzepak" /></a>
</li>
<li>
<a href="#" ><img src="https://nw.j.pl/infusions/gallery/photos/album_1/thumbs/hosznia_ordynacka_wiosna_t1.jpg" alt="Góry" /></a>
</li>
<li>
<a href="#" ><img src="https://nw.j.pl/infusions/gallery/photos/album_1/thumbs/pola-rzepaku_t1.jpg" alt="morze" />
</a>
</li>
<li>
<a href="#" ><img src="https://nw.j.pl/infusions/gallery/photos/album_2/brzoskwinie-nw-j-pl.png" alt="brzoskwinje" /></a>
</li>
<li>
<a href="#" ><img src="https://nw.j.pl/infusions/gallery/photos/thumbs/niwa_t1.jpg" alt="Hosznia Niwa" /></a>
</li><li>
<a href="#" ><img src="https://nw.j.pl/infusions/gallery/photos/album_1/thumbs/pola-rzepaku_t1.jpg" alt="Góry" /></a>
</li>
<li>
<a href="#" ><img src="https://nw.j.pl/infusions/gallery/photos/album_1/thumbs/pola-rzepaku_t1.jpg" alt="Morze kwiatów" />
</a>
</li>
</ul>
</div>
</div>
</div>
Witam ponownie .
Ponieważ nikt nie miał czasu na odpowiedz ,A między czasie sam znalazłem rozwiązanie więc go tu wstawię.
Cały problem polegał na wstawieniu skryptu z pokazem slajdów .Który zawierał własny styl i DIV.
Więc do obu komórek inklinowałem oba skrypty zamiast je bezpośrednio wstawiać.
I działa jak chciałem. <style>
.left{float:left; width:30%;}
</style>
<div class="left"><?php include"infusions/kartka_panel/kartka_panel.php";?> </div>
<div class="left"><?php include"div2.php";?></div>
I wszystko było by fajnie gdyby nie okazało się iż skrypt z pokazem slajdów gryzie się z cocies kontrol.
Edytowane przez Zbigniew@ dnia 21.07.2021 23:39:04
|