+- 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: Galeria jQuery, problem z "position" pod kazda przegladarke (/thread-galeria-jquery-problem-z-position-pod-kazda-przegladarke)
Galeria jQuery, problem z "position" pod kazda przegladarke - sonitzek - 20-11-2011
Witam,
Mam problem.
http://www.tomaszlabedzki.com/weddingsite/index2.html
Nie potrafię poprawnie skonfigurować kodu css, tak aby każda przeglądarka wyświetlała galerię w odpowienim, stałym miejscu, tj. 130px od góry okna i 20px od lewej krawedzi okna.
Obecnie jest niby ok, poza tym, że przy mniejszym oknie galeria stale utrzymuje odległości niezależnie od tego czy scrollbary sa przewiniete czy nie (kiedy przewijamy okno w dol galeria zostaje w miejscu.
Kod css:
Cytat:#slideshow {
position:fixed;
top: 0px;
}
#slideshow IMG {
position:absolute;
top:130px;
left:20px;
z-index:8;
opacity:0.0;
border:0px;
}
#slideshow IMG.active {
z-index:10;
opacity:1.0;
}
#slideshow IMG.last-active {
z-index:9;
}
Proszę o pomoc.
RE: Galeria jQuery, problem z "position" pod kazda przegladarke - Kartofelek - 20-11-2011
Masakra kolego. Nie używaj tak pozycjonowania. Widziałeś co się dzieje jak zmniejszysz okno i poruszasz paskiem?
Do twojej strony nie potrzeba żadnego pozycjonowania.
RE: Galeria jQuery, problem z "position" pod kazda przegladarke - sonitzek - 20-11-2011
(20-11-2011, 04:06)Kartofelek napisał(a): Masakra kolego. Nie używaj tak pozycjonowania. Widziałeś co się dzieje jak zmniejszysz okno i poruszasz paskiem?Właśnie o tym napisałem.
Do twojej strony nie potrzeba żadnego pozycjonowania.
To jest pozycjonowanie samej galerii, która wyświetla obrazy.
Jeśli potrafisz to poprawić "bez pozycjonowania" proszę wklej kod lub coś co pomoże mi ogarnąć temat.
RE: Galeria jQuery, problem z "position" pod kazda przegladarke - Kartofelek - 20-11-2011
Kod:
<div class="czarna_belka"></div>
<a href="" class="logo"></a>
<ul class="menu">...</ul>
<div class="galeria"></div>Nic więcej ci nie potrzeba. Wystarczy to ostylować używając zwykłych styli (display:block; clear:both; width; height). I tyle.
RE: Galeria jQuery, problem z "position" pod kazda przegladarke - sonitzek - 20-11-2011
(20-11-2011, 16:08)Kartofelek napisał(a):W momencie gdy "#slideshow IMG" nie ma parametru position, zdjecia wyswietlaja sie jedno pod drugim. Nie potrafie tego poprawnie zrobić.Kod:<div class="czarna_belka"></div>
<a href="" class="logo"></a>
<ul class="menu">...</ul>
<div class="galeria"></div>
Nic więcej ci nie potrzeba. Wystarczy to ostylować używając zwykłych styli (display:block; clear:both; width; height). I tyle.
;>
RE: Galeria jQuery, problem z "position" pod kazda przegladarke - Kartofelek - 20-11-2011
Ależ kolego to jest oczywiście zrozumiałe.
Masz kontener galeria (patrz mój kod) i W NIM zdjęcia pozycjonowane. Jedno nie ma nic wspólnego z drugim.
Myśl o blokach. Masz stronę - blok. W nim masz header - blok. W headerze panel logowania - blok. Względem każdego bloku możesz pozycjonować oddzielnie (wystarczy dać mu position:relative - co nie zmienia nic w jego polozeniu)
RE: Galeria jQuery, problem z "position" pod kazda przegladarke - sonitzek - 23-11-2011
RE: Galeria jQuery, problem z "position" pod kazda przegladarke - Kartofelek - 23-11-2011
1) dla #CALOSC_DOKUMENTU daj min-width nieco większy niż galeria. dzieki temu nie bedzie ci sie menu zawijało.
2) dla #GLOWNA_TRESC_W_INDEX daj text-align:left
Ogólnie jeszcze sporo nauki przed tobą, bo póki co kod jest bardzo zły. Dame nazwy ID to koszmar
RE: Galeria jQuery, problem z "position" pod kazda przegladarke - Bucky - 23-11-2011
id="PRZERWA_POMIEDZY_NAGLOWKIEM_A_GLOWNA_TRESCIA"
OMG!
