bledy mojej strony w Operze

w dziale Opera
GumoL napisał(a):

Witam.
Ostatnio zaczalem uzywac Opery, chcialbym sie zapytac jak uniknac podstawowych bledow w wyswietlaniu mojej strony wlasnie w Operze.
http://www.tarweb.desk.pl
1. Po kliknieciu w "w gore" tj #top strona nie 'idzie' do gory. Da sie to jakos poprawic?
Jak zrobic, aby w dziale cennik, zeby moc zwinac wszystkie 'pakiety' nie trzeba bylo za pierwszym razem kliknac dwa razy w link "pokaz/ukryj wszystkie pakiety"?
3. http://www.tarweb.desk.pl/portfolio/bobartstudio/
Jak zrobic, aby przezroczysty SWF w IE nie byl z bialym tlem w Operze?

porneL napisał(a):

Nie idzie do gory, bo sam link # tego nie oznacza. Gdzies na gorze trzeba dodac <a name=top></a> i link zrobic w postaci "#top".

Dorzuc w body onload albo gdzies nizej na stronie wywolanie funkcji ukrywajacej pakiety (btw: u mnie zawsze poczatkowo sa widoczne, w IE, Operze i Firebird)

Nie da sie. Macromedia postarala sie o przezroczystosc tylko dla IE. Musisz zrobic we flashu pasujace tlo.

GumoL napisał(a):

Dziekuje za szybka i fachowa pomoc.
A pakiety na poczatku maja byc widoczne..

Nixer napisał(a):

Re: bledy mojej strony w Operze

Originally posted by GumoL
Witam.
Ostatnio zaczalem uzywac Opery, chcialbym sie zapytac jak uniknac podstawowych bledow w wyswietlaniu mojej strony wlasnie w Operze.
http://www.tarweb.desk.pl
1. Po kliknieciu w "w gore" tj #top strona nie 'idzie' do gory. Da sie to jakos poprawic?



Ja nie wiem dlaczego ona idzie do góry. coś takiego: <a href=#><b>do góry</b></a> nie ma prawa działać.
Najprościej u samej góry dać <div id="top"></div> a w linku: <a href="#top"><b>do góry</b></a>

Poza tym bałagan w kodzie masz straszny. Po pierwsze usuń tą reklamę z samej góry dokumentu i umieść tam prawidłowy doctype. Pozamykaj niezamknięte znaczniki, wartości tagów powkładaj do cudzysłowiów.
Jak strona będzie się walidowała, to możesz dalej pytać o błędy happy

quiris napisał(a):

Ja sugeruję zapoznanie sie z krótkim, acz treściwym przewodnikiem po XHTML. Link w mojej stopce.

GumoL napisał(a):

Witam.
Dziekuje jeszcze raz.
Jestesm teraz w trakcie poprawiania bledow, mam tylko jedno pytanie.
Dlaczego w Operze jak wstawiam w sttylach body { margin-top:0px;}
to gorny margines wyglada jakby mial kilka pikseli? Mimo ze w IE wszystko wyglada tak jak nalezy?

Moose napisał(a):

Originally posted by GumoL
Witam.
Dziekuje jeszcze raz.
Jestesm teraz w trakcie poprawiania bledow, mam tylko jedno pytanie.
Dlaczego w Operze jak wstawiam w sttylach body { margin-top:0px;}
to gorny margines wyglada jakby mial kilka pikseli? Mimo ze w IE wszystko wyglada tak jak nalezy?



body {

padding: 0px;

}

M.

quiris napisał(a):

Originally posted by Moose
body {

padding: 0px;

}


Nie żebym się czepiał bigsmile, ale wystarczy padding: 0;

Zero to zero, niezależnie czy to pixele, czy punkty, czy inne jednostki

Moose napisał(a):

Z tym, ze niektore przegladarki nie rozumieja samego zero. Das pixel ist das pixel.

M.

andol napisał(a):

Originally posted by Moose
Z tym, ze niektore przegladarki nie rozumieja samego zero. Das pixel ist das pixel.

M.



Hm... Które?

Moose napisał(a):

Nie pamietam w tej chwili - podlapalem to na css-d. Jedna, w ktorej to jest problem, to Opera. W pewnych kaskadach (nie pytaj mnie w ktorych bo dziennika nie prowadze, wiec ci nie powiem z pamieci), border: 0; nie wystarcza. Musze napisac: border: 0px;, a znacznie czesciej: border: 0px solid; To jest bug realny. Mam taki nawyk, ze zawsze dodaje odpowiednie miary.

Co do "wystarcza", to i owszem, mozna pisac np. font shorthandem, ale nie kazdemu to pasuje i nie zawsze jest to wygodne w kaskadzie.

De gustibus.

M.

GumoL napisał(a):

Ok, poradzilem sobie :-)
Ale jeszcze poprawiam stronke.
jeszcze 245/300 bledow bigsmile
Juz 145/300 p

GumoL napisał(a):

Z 300 bledow zostaly tylko 3 i to tego samego rodzaju. Oto one:

http://validator.w3.org/check?uri=http%3A%2F%2Fwww.tarweb.desk.pl%2Findex.php



Mam jeszcze jeden problem, otoz po najechaniu na link w lewym dolnym rogu strony na tekst z serii "Czy wiesz, ze.." powinna mi sie zmieniac czcionka, a dokladniej jej kolor. Przed poprawianiem bledow w validatorze wszystko bylo ok, teraz nie mam pojecia dlaczego nie chce sie zmieniac..
Czesc pliku CSS odpowiadajaca za to:


a.menu,a.menu:link,a.menu:visited {
font-family: Arial; font-size: 11px; color: #596466; text-decoration:none; }
a.menu:hover {
font-family: Arial; font-size: 11px; color: #000000; text-decoration:none; }


Czesc pliku w ktorej wystepuje


Szczegóły >>


Czekam na podpowiedzi..

quiris napisał(a):

Originally posted by GumoL
Z 300 bledow zostaly tylko 3 i to tego samego rodzaju.


Te błędy wynikają z niezachowanych zasad:

1) Nie wolno zagnieżdżać elementów blokowych w innych elementach blokowych, czyli element <div> nie może być wewnątrz elementu <p>

2) Elementy blokowe generalnie nie mogą być zagnieżdżane wewnątrze elementów wewnętrznych, czyli element <p> nie może być wewnątrz elementu <a>

Zamiast <div> i <p> użyj <span>

http://academ.hvcc.edu/~kantopet/xhtml/index.php?page=xhtml+block+elements&parent=xhtml+basics

Moose napisał(a):

Validator pokazuje bledy, i slusznie.

Linie 142 i 143 - element P zawiera element DIV. To jest niedopuszczalne.

Linia 151 - element A zawiera dwa elementy P. Rowniez niedopuszczalne. A jest "inline", a P jest "block".

Strasznie skomplikowany kod masz na tej stronie, tak na marginesie - prawdziwa dzungla.

Co do CSS, to masz problem z kaskada.

1. a.menu,a.menu:link,a.menu:visited
2. a.menu:hover

#1 zawiera a.menu, co jest zupelnie niepotrzebne, poniewaz masz stany podefiniowane osobno. "A" jako type selector tlamsi (overrides) a.menu:hover

Rozwiazanie: wykasuj a.menu z linii #1

M.

quiris napisał(a):

Originally posted by GumoL
Mam jeszcze jeden problem, otoz po najechaniu na link w lewym dolnym rogu strony na tekst z serii "Czy wiesz, ze.." powinna mi sie zmieniac czcionka, a dokladniej jej kolor.


Zamiast: a.menu.a.menu:hover ma być a.menu:hover

Poza tym takiego czegoś >> nie można pisać w otwartym tekście, tylko: >>, bo jest to znak przypisany do znacznika

PS. Poza tym widzę w stylach więcej takich kwiatków: a.st.a.st:hover

GumoL napisał(a):

Zmienilem, ale nic nie dalo..

Moose napisał(a):

Nic nie dalo, bo nie zmieniles. Dalej widze ten sam error.

M.

GumoL napisał(a):

No wlasnie, glupiutki jestem..
Dzieki Wam za to, ze nie smiejecie sie od razu z ludzi jak to sie robi na innych forach p
Teraz errory poprawilem, wiec dziala..

Moose napisał(a):

Originally posted by andol
Hm... Które?



Przyklad:

http://my.opera.com/forums/showthread.php?s=&threadid=38665

M.

quiris napisał(a):

Originally posted by Moose
Przyklad:

http://my.opera.com/forums/showthread.php?s=&threadid=38665


To dziwne, ale u mnie border: 0 solid; działa.
http://quiris.klub.chip.pl/border_test.html

Ryszard napisał(a):

Poza tym takiego czegoś >> nie można pisać w otwartym tekście, tylko: >>, bo jest to znak przypisany do znacznika

Jeżeli chodzi o znak pokazujący Operze "następną stronę" można też użyć » (&raguo;).

GumoL napisał(a):

Mam jeszcze jedno pytanko.
Gdzie znajduje sie moja lista ulubionych w Operze?
Bo chce przeprowadzic reinstalacje systemu a chce zachowac liste ulubionych.

Ryszard napisał(a):

Gdzie znajduje sie moja lista ulubionych w Operze?


Pomoc - O Operze, lub {opera:about} (zaznacz, prawy klik i "przejdź pod ten adres".
Tam szukaj:
"Ścieżki dostępu
.......
Zakładki C:\OPERA75\profile\opera6.adr"

Jak nie masz zamiaru zmieniać wersji Opery po reinstalacji to skopiuj cały katalog Opery, a jak nie masz miejsca, to tylko /profile. Potem wgrasz i masz.

Zajec napisał(a):

ja mam jeszcze pytanko (raczej malo skomplikowane) co do
[php] <style type="text/css">

</style> [/php]
czemu to nie działa confused

Nixer napisał(a):

Jak to nie działa? Przecież działa.

Moose napisał(a):

Originally posted by Zajec
ja mam jeszcze pytanko (raczej malo skomplikowane) co do
[php] <style type="text/css">

</style> [/php]
czemu to nie działa confused



A po czorta ci comments? Bierzesz pod uwage Netscape 2.0 w projektowaniu stron?

M.

Zajec napisał(a):

Nixer napisał(a)
Jak to nie działa? Przecież działa.



No w Operze to wyglada faktycznie tak jakby dziłało, ale po otworzeniu strony z takim kodem - w IE - widze wyrazny margine cos kolo 10px. Czy mozna zatem zlikwidowac marginesy uniwerslanie - dla kazdej przegladarki ??

Zajec napisał(a):

Zajec napisał(a)
No w Operze to wyglada faktycznie tak jakby dziłało, ale po otworzeniu strony z takim kodem - w IE - widze wyrazny margine cos kolo 10px. Czy mozna zatem zlikwidowac marginesy uniwerslanie - dla kazdej przegladarki ??



Ojć, faktycznie, mój błąd.
[php] body { padding: 0px; margin-top:0px;} [/php]
i działa smile nie doczytalem o czym mowa

quiris napisał(a):

Gwoli wyjaśnienia. Opera jako jedyna przeglądarka stosuje się do zaleceń W3C i w domyślnym arkuszu styli ma ustawione body {padding: 8px;}, natomiast inne przeglądarki, jak MSIE, czy Mozilla mają ustawione body {margin: 8px;} stąd te różnice:

http://www.opera.com/support/search/supsearch.dml?index=727

Aby wszędzie było w porządku należy stosować:

<style type="text/css">
body{padding: 0; margin: 0}
</style>