razmak ispod slike

[ impact @ 29.05.2005. 18:16 ] @

Da li možda neko zna zbog čega se ispod velike slike u levoj koloni, u FireFox-u pojavljuje 2px razmaka (iako on ne postoji), dok se to u IE ne dešava? Kako to da rešim?

http://webdev.2point.co.yu/pharmessen/template.html

A da, još jedna stvar: zbog čega IE kod ovih DIV-ova koji se nalaze ispod te slike neće da, prilikom prelaska mišem iznad njih, kao kursor postavi hand, a FireFox prikazuje?

[ Br@nkoR @ 29.05.2005. 18:40 ] @

Code:
#hpicture img {
display: block;
}

2. Nisam suguran na šta si mislio. Ukoliko je cursor: pointer; to to, IE ne podržava ovo.

_{[Ovu poruku je menjao Br@nkoR dana 29.05.2005. u 19:51 GMT+1]}

[ Br@nkoR @ 29.05.2005. 18:48 ] @

Za ovo drugo mi nešto pade na pamet.
Koja verzija IE-a je u pitanju? Pošto cursor: pointer ne podržavaju IE verzije 5.x, dok u 6.0 to bi trebalo da radi, pa tako pokušaj da ga poteraš sa cursor:hand;

[ impact @ 29.05.2005. 19:02 ] @

Citat:

#hpicture img {
display: block;
}

Sada je razmak nestao, ali sada javascript koji radi show/hide layers (DIV-ovi: Product Information, Active Ingredients i Recomended Usage) nerazumno stalno pomera sadržaj na dole za visinu te slike!?

[ Br@nkoR @ 29.05.2005. 20:00 ] @

Ne znam, ali nikako da reprodukujem taj problem kod sebe, u pitanju je FF 1.0, tako da ne mogu da vidim u čemu je problem. Isto se ponaša i sa i bez ovog koda koji sam postovao.
Možda da postaviš screenshot.
Pozdrav.

[ impact @ 29.05.2005. 23:57 ] @

Citat:

ali nikako da reprodukujem taj problem kod sebe, u pitanju je FF 1.0, tako da ne mogu da vidim u čemu je problem. Isto se ponaša i sa i bez ovog koda koji sam postovao

Nakod ubacivanja display: block; problem se ispoljava samo u IE (testirano sa 5.x), u FireFox-u sve radi perfektno...

Kada skinem taj display: block; onda sve funkcioniše perfektno sem onih 2px ispod slike...

[ Br@nkoR @ 30.05.2005. 07:08 ] @

Zna:i IE tu pravi probleme. Pošto nemam IE 5.x trenutno. Mogu samo da ti predložim da isprobaš da sakriješ od njega onaj gornji kod. Probaj ovako:

Code:

#hpicture > img {
display: block;
}

[ impact @ 30.05.2005. 08:17 ] @

Citat:

Mogu samo da ti predložim da isprobaš da sakriješ od njega onaj gornji kod.

Ne pomaže... Da li postoji način da samo u slučaju da je browser FireFox stavim npr. negativnu donju marginu?

[ Br@nkoR @ 30.05.2005. 11:27 ] @

Ufff, kad nemam gde da isprobam i da vidim šta stvara problem.
Pogledaj listu hackova ovde:
http://www.dithered.com/css_filters/
kako bi sakrio od ostalih browser-a.

Mada ne znam kakav ti je sadržaj u lajeru #hpicture ukoliko stoji samo ona slika koja je sada trenutno, možeš da probaš da mu fiksiraš visinu (height), znači za lajer #hpicture dodaš:

Code:
height: 137px;

[ impact @ 30.05.2005. 14:36 ] @

Citat:

Pogledaj listu hackova ovde:

Hvala za ovo, pogledaću...

Citat:

Mada ne znam kakav ti je sadržaj u lajeru #hpicture ukoliko stoji samo ona slika koja je sada trenutno, možeš da probaš da mu fiksiraš visinu (height), znači za lajer #hpicture dodaš:

Code:
height: 137px;

To je i bio početni problem... JavaScript mi je prilikom svakog klika pravio belinu između slike i tih DIV-ova (.titem) koliko je definisana visina #hpicture, čim sa skinuo height u tom stilu sve je radilo kako treba osim što su se u FireFox-u pojavila 2px viška ispod slike :(