Strona 1 z 2

Szarpanie, poprawny kod strony a kwestia pożądanego efektu.

PostNapisane: 5 czerwca 2005, o 14:23
przez tomrak
Witajcie.

Modyfikuję stronę. Stworzyłem jej nowy wizerunek, który zarówno mi jak i osobom zainteresowanym odpowiada.

http://www.wsi.edu.pl/~sirakot/powiat

Pomijam niedokończoną stopkę oraz tekst, który wychodzi z obramowania - jest tam wrzucony dla zamarkowania miejsca.

Problem jest następujący. Jeśli zerkniecie w kod (zresztą nie trzeba tego robić) zauważycie, że wykorzystuję bardzo intensywnie tła komórek tabel. Zarówno jako tłą przycisków - w odnośnikach z lewej strony, jak również jako tło dla głównej części tekstu. Przeglądając stronę w przeglądarkach (przy przewijaniu w dół lub w górę) pojawia się nieprzyjemne szarpanie. Po wielu próbach doszedłem właśnie do tego, że to te tła powodują szarpanie. W IE nie jest to bardzo uciążliwe - bardzo często (zależy od komputera) efekt w ogóle nie występuje. W innych przeglądarkach problem uwidacznia się znacznie bardziej.

:arrow: 1. Czy mam się czym przejmować?
:arrow: 2. Czy można to zrobić inaczej. Nie chce całych przycisków graficznych - chce tak jak są - jako linki tekstowe, ale z ładnym podkładem graficznym.

:arrow: 3. Czy to dałoby się zrobić w XHTML-u z wykorzytsaniem list i stylów w postaci elementów DIV?

Dziękuję, ze wszelkie podpowiedzi.

Pozdrawiam,
Tomek Rakoczy

Szarpanie, poprawny kod strony a kwestia pożądanego efektu.

PostNapisane: 5 czerwca 2005, o 14:44
przez DEXTER:)

Szarpanie, poprawny kod strony a kwestia pożądanego efektu.

PostNapisane: 5 czerwca 2005, o 14:49
przez d_rex

Szarpanie, poprawny kod strony a kwestia pożądanego efektu.

PostNapisane: 5 czerwca 2005, o 16:34
przez lucas

PostNapisane: 5 czerwca 2005, o 19:26
przez tomrak
W takim razie coś nie tak jest z moim komputerem.

To własnie w Operze (również posiadam wersję 8 ) szarpanie (skakanie) jest wręcz nieznośne. Co ciekawe inne strony nie są przez Operę szarpane.

Możnaby powiedzieć, że zszarpałem sprawę... ;)

Wstawiłem na próbę zamiast <td background...
<td style="background-image: url(

Nic to nie dało. Mógłbym to tak puścić, ale skoro u mnie się coś takiego dzieje, to pewnie na innych komputerach też tak będzie.

Problem ustępuje dopier kiedy usuwam z kodu strony wszystkie tła. A i tak minimalnie udaje się odczuwać skakanie, zwłaszcza przy podjeżdzaniu do góry strony.

Ciągle mi się wydaje, że popełniłem jakiś poważny błąd w kodzie, bo odpalam inne - znacznie bardziej skomplikownae strony i śmigają aż miło.

PostNapisane: 5 czerwca 2005, o 20:24
przez rafalzaq
Jeśli koniecznie muszą być obrazki w tle to zrób klasę z background-image: url( i objemij wszystkie komórki jakimś div'em. Zmiejszy się objętość strony.
Jeśli nie muszą być to koniecznie obrazki to zrób tak jak radzi DEXTER. To samo co wyżej tylko zamiast obrazka jednokolorowe tło.

PS. U mnie też nie skacze.
PS2. Podoba mi się wygląd strony (kolory itp.). ;)

PostNapisane: 5 czerwca 2005, o 21:23
przez DEXTER:)
W przeglądarkach: IE4; 5.1; 5.5 i IE6 SP2, Operze 7 i 8; NN7 - nie skacze.

W przeglądarkach: NN6, Mozilla 1.7.4, Firefox 1.0.2 - skacze aż oczy bolą :wink:

W przeglądarce NN4 strona mruga przy przewijaniu na biało w dolnej i górnej części okna.

Przeglądarki Mozilla i Firefox są zbudowane na postawie NN6, więc można je wrzucić do jednego wora. Ponieważ problem nie występuje w NN7, musieli coś poprawić, odsyłam więc na: www.mozillapl.org

PostNapisane: 5 czerwca 2005, o 21:24
przez tomrak
Dziękuję za wszystkie podpowiedzi.

Na razię zostawię tak jak jest, ale wprowdzę style wg zaleceń.

Usunięcie obrazków z tła znacznie zmniejsza walory estetyczne. Dlatego tego nie uczynię. Być może w przyszłości uda mi się przekonać decydentów, że ładna grafka to jedno a funkcjonalność, prostota, pewność działania i zgodność ze standardami to drugie. (Mam smaczka na wersję XHTML).

Przy okazji bawiąc się kodem stwierdziłem, że czym tło jest szersze tym bardziej szarpie stroną - na moim komputerze.

Dziękuję rafalzaq za pochwały. :wink: Dodaje skrzydeł.

W czasie gdy pisałem tego posta, DEXTER:) dopisał tekst o skakaniu w zależności od przeglądarek. Dziękuję za tę analizę. Pogrzebię na www.mozillapl.org.

Pozdrawiam serdecznie,
Tomek

PostNapisane: 5 czerwca 2005, o 21:27
przez DEXTER:)
Tak w ogóle to dlaczego menu jest grafiką, skoro takowe można bez żadnego kłopotu napisać w HTML :?:

PostNapisane: 5 czerwca 2005, o 21:32
przez tomrak

PostNapisane: 5 czerwca 2005, o 21:34
przez DEXTER:)

PostNapisane: 5 czerwca 2005, o 21:40
przez tomrak

PostNapisane: 5 czerwca 2005, o 21:57
przez LEMUR

PostNapisane: 5 czerwca 2005, o 22:09
przez tomrak

PostNapisane: 5 czerwca 2005, o 23:02
przez Tyhagara