Switch to full style
Forum dyskusyjne poświęcone zagadnieniom jezyka HTML i Flash oraz tworzeniu stron WWW.
Odpowiedz

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

5 czerwca 2005, o 14:23

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.

5 czerwca 2005, o 14:44

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

5 czerwca 2005, o 14:49

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

5 czerwca 2005, o 16:34

5 czerwca 2005, o 19:26

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.

5 czerwca 2005, o 20:24

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.). ;)

5 czerwca 2005, o 21:23

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

5 czerwca 2005, o 21:24

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
Ostatnio edytowano 5 czerwca 2005, o 21:28 przez tomrak, łącznie edytowano 1 raz

5 czerwca 2005, o 21:27

Tak w ogóle to dlaczego menu jest grafiką, skoro takowe można bez żadnego kłopotu napisać w HTML :?:

5 czerwca 2005, o 21:32

5 czerwca 2005, o 21:34

5 czerwca 2005, o 21:40

5 czerwca 2005, o 21:57

5 czerwca 2005, o 22:09

5 czerwca 2005, o 23:02

Odpowiedz