[pomoc] Spacer.gif (zbędny?)

[Cytrus]

Spacer.gif (zbedny?)
Witam
Zrobiłem layout w photoshopie i pociąłem go. Po wygenerowaniu w nim strony html z pociętymi obrazkami wczytałem html do przeglądarki i zauważyłem że na dole strony jest biała (tło), pozioma linia przez którą layout się rozlatuje. Layout wygląda w tym miejscu tak że są 3 tabelki obok ciebie na tej samej wysokości, ale w przeglądarce ta z lewej ma więcej pikseli w pionie niż pozostałe (mimo że w photoshopie mają identyczny rozmiar w pionie). Sprawdziłem że lewa tabelka różni się tym że w ostatnim <TR> jest kilka <TD> w których są

Kod: Zaznacz cały

<img src="images/spacer.gif" width="34" height="1" alt="">

Kiedy usuwam te obrazki ręcznie to layout się rozlatuje, co na to poradzić? Dlaczego w ogóle się dodały te obrazki? One mi tylko wprowadzają dodatkową linię
Tak wygląda screen z layout’u wygenerowanego w photoshopie (dolna część)
http://img220.imageshack.us/my.php?image=enenkl5.jpg
spacer.gif zwiększył mi rozmiar lewej tabelki i teraz jest biała pozioma linia przez 3 tabelki.

[Pawel_B]

Hmm może niedokładnie pociąłeś layout?

[Cytrus]

hmm... 3 razy go ciąłem od początku i za każdym razem spacer.gif'y były dokładnie w tym samym miejscu. nie da się ich wyłączyć?
a może to ma związek z tym jak bardzo cienkie są 3 kawałki.
w tym miejscu gdzie widać białe linie, są 3 kawałki (bardzo cienkie) (może jest jakieś ograniczenie co do wysokości kawałków?)
Teraz włączyłem wszędzie czarny border we wszystkich tabelach, żeby pokazać że
są komórki których nie chcę mieć
http://img503.imageshack.us/my.php?imag ... rrriw0.jpg
trochę się rozjechał layout, nad strzałkami jest kilka białych komórek i w każdej z nich jest spacer.gif
obrazek jest powiększony 200% bez wygładzania( żeby było dobrze widać), tak więc wysokość tych komórek ze spacer.gif wynosi 1 px
a zaraz nad nimi jest ten bardzo wąski prostokąt, identyczny jest w tabelce po prawej i tak się zastanawiam, czy można ciąć na tak cienkie kawałki? czy to właśnie nie jest przyczyną.

[123456]

Wypadaloby spojrzec w kod strony a nie tylko na dwa screen'y. Wtedy moze bylaby odpowiedz za pierwszym razem.

[Cytrus]

Dobrze, tu jest rar w layout'em (135 KB)
http://download.yousendit.com/D81294977CD963C2

[123456]

Popatrzylem kilka minut na ten plik i darowalem sobie.
Moja rada: napisz to samemu! Mozna to zrobic na czterech lub pięciu div'ach i do tego style, zamiast stada tabel i setki obrazków.

[koziolek]

automaty tnące są do d...
Pomęcz się i napisz to sam. Naprawdę będzie to wyglądało znacznie lepiej i na pewno nie będziesz miał tego typu problemów.

[Cytrus]

Photoshop ma też opcję pocięcia na Div’y, ale wszystkie wtedy mają pozycję absolutną i w tym miejscy w którym chciałem mieć wcześniej 3 komórki które by się rozciągały w zależności od ilości tekstu, bloki się nie przesuwają tylko nachodzą na siebie.

[Arkadiusz Podlaski]

Też wielokrotnie miałem ten problem, że grafika wydawała się dobrze pocięta, a mimo to wyskakiwał kod ze spacer.gif. Jak to mówią diabeł tkwi w szczegółach.. na nowo nakreślałem linie do pocięcia przy możliwie maksymalnym zbliżeniu, tak aby wszystko było równiutko. No i wtedy wszystko śmigało jak należy.

Tak więc na 99% grafika jest źle pocięta i to nie jest wina programu.

[Cytrus]

Ale ja to bardzo precyzyjne ciąłem, przyciągając cięcia do guides, które wcześniej ustawiłem równo z grid. Dodam tylko że kiedy odczepię obrazki z 3 pod tabel w imageready, tak że wszystko jest w jednej głównej tabeli, wtedy niema tego problemu.

[koziolek]

Iee nie tu leży problem. IE i FF inaczej interpretują różne wielkości więc automat nie potnie tego tak by ładnie wyglądało pod każdą przeglądarką. Po prostu jest to dla niego zbyt skomplikowane zadanie. Potnij obrazek ręcznie na małe tła a następnie samem u napisz kod html+css wynik będzie zdecydowanie lepszy.