problem z galerią

artsophia

Avatar: artsophia

2010-09-27 12:41

Mam problem ze zdjęciami produktu w galerii. Miniaturki obok głównego zdjęcia zamiast być na równi z nim, opadają jakby w dół i nie wiem jak je "wyprostować" do góry.

Podaję linka: http://www.artsophia.pl/?7,-font-face-garamond-size-1pt-style-color-339933-biala-golebica-1w01-1-font-

Podaję fragment kodu z templates/default.css :


/* IMAGES STYLES */
.imagesList{list-style:none;}
.
imagesList li{margin:0 0 10px 0;background:inherit;color:#5b5b5b;font-size:0.917em;text-align:left;}
.imagesList li img{border:2px solid #dcdac9;}
.imagesList li a:hover img{border:2px solid #dcc7a7;}
.imagesList li div{text-align:left;}

#imagesList1{float:left;}


#page #imagesList1{margin:10px 10px 0 0;}

#product #imagesList2{float:left;clear:right;margin:0 0 0 10px;}
#product .imagesList#imagesList1 li div{width:200px;}
#product .imagesList#imagesList2 li div{width:100px;margin:0 auto;}

» Quick.Cart v3.x

euphoria-art

Avatar: euphoria-art

2010-09-27 13:36

hej, podejrzyj sobie u mnie i porównaj, napewno sam rozwiązesz problem
http://www.obrazygaleria.pl/templates/default.css
http://www.obrazygaleria.pl/templates/container.tpl

http://www.obrazygaleria.pl

artsophia

Avatar: artsophia

2010-09-27 14:07

no niestety dalej nie wiem jak to zrobić...

euphoria-art

Avatar: euphoria-art

2010-09-27 15:21

http://opensolution.org/Quick.Cms/forum/?p=readTopic&nr=585

http://www.obrazygaleria.pl

artsophia

Avatar: artsophia

2010-09-27 20:58

Nie... nie tego szukam... nie poziom, a pion. Naprawienie kolumny pionowej.
Chodzi mi o to, że po lewej mam duże zdjęcie produktu, a obok niego w pionie po prawej są miniaturki. Problem polega na tym, że kolumna tych miniaturek nie zaczyna się równo z głównym zdjęciem, a dopiero przy końcu głównego zdjęcia. Chcę kolumnę tych miniaturek po prostu podnieść do góry.......

boboo

Avatar: boboo

2010-09-27 23:03

Tak na pierwszy rzut oka:
1. czy znasz dziedziczenie w css?
2. czy wiesz, że można używać ujemnych wartości w css?

artsophia

Avatar: artsophia

2010-09-27 23:04

....yyy..... nie :D

artsophia

Avatar: artsophia

2010-09-28 11:45

czy naprawdę nikt mi nie pomoże?

boboo

Avatar: boboo

2010-09-28 12:20

w default.css masz takie coś:
#product #imagesList2{float:left;clear:right;margin:5px 0 0 10px;}
Te 5px dość dobrze pasuje do tego przesunięcia w dół.
Zrób z tego 0 (zero).
te 10px, to jest odstęp od dużego obrazka po lewej.
A tak w ogóle to margin i padding można określać w czterech kierunkach:
kolejność jak w zegarze, zaczynamy od dwunastej.
Czyli pierwsza liczba to margines nad elementem (godzina 12), druga liczba to margines z prawej strony (godzina 3), trzecia liczba to margines pod elementem (godzina 6) no i zostaje margines z lewej strony (godzina 9).
Można używać liczb ujemnych (wtedy to zachodzi na siebie).
jeśli liczba jest niezerowa, warto określić jednostkę za każdą liczbą (np. px - czyli piksele).

artsophia

Avatar: artsophia

2010-09-28 14:48

problem w tym, że to nic nie dało. zmieniłam 5px na 0 i nic......... :(((((

artsophia

Avatar: artsophia

2010-09-28 15:04

...uff....... napisałam -195px (!) :/ i się wyrównało...
u mnie jest równo z górnym brzegiem dużego zdjęcia, a jak u Ciebie to wygląda boboo? Martwię się, czy na innych komputerach będzie ok.

boboo

Avatar: boboo

2010-09-28 15:15

Wygląda źle.
W IE8
http://www.kimla.de/bilder/artsophia.jpg

artsophia

Avatar: artsophia

2010-09-28 17:08

:((((((((((( to co może ja mam jakieś parametry popitolone :(((( albo złe ustawienia przeglądarki :((( cholera....

artsophia

Avatar: artsophia

2010-09-28 17:15

ja też mam IE8 i u mnie to wygląda tak:
www.artsophia.pl/templates/zdjecie.jpg

artsophia

Avatar: artsophia

2010-09-28 17:16

czyli w sumie wychodzi na to, że nie ze sklepem, a z moją przeglądarką jest coś nie tak :/

artsophia

Avatar: artsophia

2010-09-28 17:39

włączyłam "widok zgodności" i faktycznie miniaturki powędrowały tak jak u Ciebie boboo, ale wielkość liter nie zmieniła się. Co ja mam nie tak z IE8? Gdzie to zmienić?

Do góry
o nas | kontakt