+- 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: [CSS] Problem z pozycjonowaniem karuzeli (/thread-css-problem-z-pozycjonowaniem-karuzeli)
[CSS] Problem z pozycjonowaniem karuzeli - cve - 17-06-2010
Witajcie, chcę schować karuzele z grafikami pod div z ładnym tłem, które jest przezroczyste wygląda to nastepująco:
Kod:
<div id="carousel_background">
<div id="carousel">
<ul>
<li><img alt="" src="<?php echo url::base() ?>assets/img/img1.jpg" /></li>
<li><img alt="" src="<?php echo url::base() ?>assets/img/img2.jpg" /></li>
<li><img alt="" src="<?php echo url::base() ?>assets/img/img3.jpg" /></li>
</ul>
</div>
</div>Kod:
#carousel {
width: 690px;
height: 237px;
}
#carousel_background {
background: url('../img/carousel_background.png') top center;
height: 299px;
}próbowałem nadać pozycjonowanie absolutne i relatywne, żeby móc nadać z-index dla tych dwóch div wiadomo, dla #carousel mniejszy niż dla #carousel_background, ale działy się jakieś dziwne rzeczy. Na kurshtml.boo.pl wyczytałem, że jest jeszcze coś takiego jak stacking context, może to przez to. Karuzela jest oczywiście oprogramowana JS, tam jest overflow hidden dla tego diva, więc obrazki nie 'wylatują' poza te 690px x 237px
RE: [CSS] Problem z pozycjonowaniem karuzeli - Pedro84 - 17-06-2010
Zaraz, zaraz, jakie dziwny rzeczy działy się przy z-index? Przecież to jest podstawowe zastosowanie tego atrybutu.
RE: [CSS] Problem z pozycjonowaniem karuzeli - cve - 21-06-2010
nadaję position: relative dla obu tych divówi chcę aby #carousel było pod #carousel_background więc dodaję dla #carousel z-index: 5 a #carousel_background z-index 6 no i nic sie nie dzieje...