KOSMOS
17.09.2004 - 18:35
Robie projekt WWW w PHP.
Po IE i Firefox'em stronka wyglada inaczej.
Przedstawiam obrazki, jak widać w FIREFOXie jest przesuniecie tla "NEWS".
Oprócz tego sam napis NEWS zmienia pozycje!!!
Stronka pod adresem (tzn projekt
):
http://www.echostar.pl/~kosmosChętnie wyszłucham (wyczytam
) wskazówek dlaczego tak jest, a może mi Ktoś powie jak to naprawić.
Pozdro 4 ALL !!!
[UPDATE]
Jak mogę zrobić w zewnętzrnym CSS coś takiego:
onMouseOut="bgColor='#A6B6D3';" onMouseOver="bgColor='#8DA2C6';"
QUOTE
Jak mogę zrobić w zewnętzrnym CSS coś takiego:
onMouseOut=\"bgColor='#A6B6D3';\" onMouseOver=\"bgColor='#8DA2C6';\"
Nie możesz. Zewnętrzny
.css jest statyczny, nie ma możliwości wykrywania zdarzeń myszy.
KOSMOS
17.09.2004 - 20:08
No to może idzie zrobić żeby pobierał kolor tła z CSS w zależnośći czy onMouseOut czy też onMouseOver :?:
a {background-color:#aaa;}
a:hover {background-color:#bbb;}
To samo ma sie z obrazkami...
Zamiast a moze byc dowolnym element, nie jestem tylko pewien na ktorej z przegladarek dziala na czym... U nas buttony na głównej (np. do komunikatów) są tak zrobione...
A jeżeli koniecznie chcesz wykorzystać ZEWNĘTRZNY arkusz stylu, to:
1. w
.css musisz utworzyć dwie oddzielne klasy, np:
CODE
.myszNa { background-color: #8da2c6; }
.myszPoza { background-color: #a6b6d3; }
2. w kodzie strony musisz wykorzystać JavaScript-ową właściwość
className i napisać odpowiedni kod, np:
CODE
<element onmouseover="this.className='myszNa'" onmouseout="this.className='myszPoza'">
...
...
...
</element>
KOSMOS
17.09.2004 - 20:43
Qrcze, albo coś nie tak robię albo coś nie tak jest HAO.
Tło "out mysz" jest ale nie chce mi się pojawić tło "over musz" czyli to a:hover
A wypróbowałeś ten drugi sposób?? Wysłaliśmy nasze posty dokładnie w tej samej minucie (
), więc pewnie nie zauważyłeś...
KOSMOS
17.09.2004 - 21:08
Dokładnie.
Nie patrzyłem, bo jestem chwilowo zajety.
A co z tym rozwalniem się po FIREFOXem?
Zauważyłem ze po kilku odświzaniach lubią się przesuwać texty nagłówków (gubi się akapit).
Testował Ktoś na różnych przeglądarkach?
Moim (skromnym
) zdaniem wersja Firefox-owa jest lepsza niż IE-owa (text nagłówków prawidłowo wyśrodkowany w pionie). Po kilkunastu odświeżeniach nic się nie przesuwa.
KOSMOS
17.09.2004 - 21:51
A co do tego przesunięcia co jest na screenach?
Jak to mogę poprawić?
Bawiłem sie i nie mogę tego poprawić!
Po pierwsze - spróbuj ustawić jakąś konkretną czcionkę, czyli zamiast:
CODE
.blok_naglowek2 { color: #677B9B; font-family:t; font-size:8pt; font-weight:bold }
spróbuj zrobić np:
CODE
.blok_naglowek2 { color: #677B9B; font-family:Arial; font-size:8pt; font-weight:bold }
co do tego wyrownywania to wywal tego <span class="">MENU</span> i styl przypisz do <td> (pod inna nazwa zeby nie kolidowal z tym wyzej) dodatkowo w <td mozesz dodac valign="middle" lub "bottom" zaleznie od tego co chcesz osiagnac
ps przydalo by sie czyszczenie w kodzie strony
Olórin
18.09.2004 - 07:49
QUOTE(hao)
Zamiast a moze byc dowolnym element, nie jestem tylko pewien na ktorej z przegladarek dziala na czym...
Na ie nie będzie działać div:hover. Pod firefoxem działa.
Ale zamiast DIV'a mozna uzyc A i w stylach ustawic mu display:block;
KOSMOS
18.09.2004 - 18:11
No to zrobiłem troszke porządku w kodzie, ale dalej jest to rozjechanie pod FIREFOX'em :evil:
Hętnie wysłucham wszelkiej krytyki jak i również porad jak polepszyć stronke/kod.
Pozdro 4 ALL & THX
Ja naprawdę żadnego rozjechania nie widzę.
KOSMOS
18.09.2004 - 19:02
Bo to nie to, między tłem loga i blokami poniżej.
Piksel czerwona kreska.
KOSMOS
18.09.2004 - 19:49
Już to naprawiłem, wina jednej tabeli.
To teraz dodaj prawidłową deklarację !DOCTYPE
KOSMOS
18.09.2004 - 20:34
Jęsli chodzi o to:
CODE
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="pl" xml:lang="pl">
To rozpierniczyło z lekka się pod IE i FF :idea:
Chodzi dokładnie o to. Wybrałeś wersję strict języka XHTML 1.0 - wybór ambitny (GRATULUJĘ!!), ale niestety oznacza to, że będziesz musiał zrobić DOKŁADNE porządki w kodzie. Za to twoja strona będzie w pełni zgodna z najnowszymi standardami.
KOSMOS
18.09.2004 - 21:16
Hmm ciakawe :? abitny cel
Kurcze, lhs widziałeś jak to teraz wygląda?
Po drugie jak sprawdzam stronke to pokazuje bardzo głupie błędy, zresztą luknij sam :roll:
Nie wspomne o tesie CSS - wywali błąd, ale to może przez "skinowanie".
Lukałem, lukałem - 98 błędów
Gdybyś miał jakieś pytania, to wal śmiało!!
No to - do roboty!!
KOSMOS
18.09.2004 - 21:57
No to juz tylko 72 błedy
Tylko nie rozumien dlaczego w niektórych wystarczyło dac / przed >
Z resztą to już zielonego pojęcia nie mam co jest nie tak, no chyba ze chodzi o to ze nie jest osobnych liniach i bez akapitów. Po drugie to dlaczego się dowala do moich łączy:
CODE
#
Line 25, column 367: general entity "file" not defined and no default entity
...ndow.location.href='index.php?dir=mapy&file=mapy'"><span class="menu">MAPY</s
This is usually a cascading error caused by a an undefined entity reference or use of an unencoded ampersand (&) in an URL or body text. See the previous message for further details.
1. składnia XHTML wymaga, żeby wszystkie tagi były zamykane - w niektórych to oczywiste, np:
CODE
<body>
...
...
...
</body>
niektóre natomiast nie mają swojego "zamykającego" odpowiednika i wtedy musimy postawić
/ przed
>, np:
CODE
<meta ......... />
albo
CODE
<img ......... />
2. znak
& oznacza początek encji, żeby wszystko działało - wszystkie
& zastąp sekwencją
CODE
&
QUOTE(KOSMOS)
Tylko nie rozumien dlaczego w niektórych wystarczyło dac / przed >
Takie wymagania stawia przed Tobą właśnie XHTML. Jak w XMLu, każdy znacznik musi zostać zamknięty, nawet <br />.
Ale samo pisanie w XHTMLu to nie tylko kwestia odpowiedniej składni. Chodzi też o pewną filozofię budowy strony. Staraj się by kod stronki opisywał jedynie jej strukturę i treść. Sam wygląd strony to już zabawa w CSS. I spróbuj tak zaprojektować stronę by nie była to jedna wielka tabela z innymi tabelami w jej komórkach itd. bo nie po to wymyślono tabelki.
Good luck
Poważnie????????
Dla jaj
QUOTE(KOSMOS)
No to juz tylko 72 błedy
Tylko nie rozumien dlaczego w niektórych wystarczyło dac / przed >
Z resztą to już zielonego pojęcia nie mam co jest nie tak, no chyba ze chodzi o to ze nie jest osobnych liniach i bez akapitów. Po drugie to dlaczego się dowala do moich łączy:
CODE
#
Line 25, column 367: general entity "file" not defined and no default entity
...ndow.location.href='index.php?dir=mapy&file=mapy'"><span class="menu">MAPY</s
This is usually a cascading error caused by a an undefined entity reference or use of an unencoded ampersand (&) in an URL or body text. See the previous message for further details.
to oznacza ze w linkach musisz hardcodowac zamiast & caly kod tego czyli & nie musisz sie przejmowac, przegladarki sa sprytne i zamienia
arkadyjczyk
19.09.2004 - 21:04
A może tak najpierw zajrzeć np. tutaj
http://xhtml.b7.pl/index.html
KOSMOS
22.09.2004 - 15:10
Mam troszke wolnego więc mogę poświęcić więcej czasu stronce.
QUOTE(kox)
I spróbuj tak zaprojektować stronę by nie była to jedna wielka tabela z innymi tabelami w jej komórkach itd. bo nie po to wymyślono tabelki.
To w jaki sposób zrobić szkielet stronki, za pomocą DIV'ów?
QUOTE(KOSMOS)
[...] To w jaki sposób zrobić szkielet stronki, za pomocą DIV'ów?
najlepiej TYLKO za pomoca DIVow.
KOSMOS
22.09.2004 - 15:36
Kiedyś bawiłem się DIV'ami, ale zbytnio nie pamiętam.
A po drugie to chyba będzie musiało być pare wersji dla róznej rodzielczości!
Divy pisz jak chcesz. Ich rozmieszczenie zrób w stylach css (margin, padding, position itp).
KOSMOS
24.09.2004 - 18:34
No to troszke zrobiłem, tak jak kto proponował cały szkielet bez tabelek.
I mam pytanko, czy można robić tabele (ksiega gości itp) czy wszystko robić na DIV'ach?
CODE
..." title="Komunikator Konnekt" target="_blank"><img src="http://www.konnekt.in
i dlaczego jest błąd " przed _blank?
No stronka pod adresem
http://www.echostar.pl/~kosmos
Olórin
24.09.2004 - 18:42
Atrybut target jest przez W3C oznaczony jako deprecated (przestarzały).
A jeżeli chcesz, żeby link otwierał się w nowym oknie - musisz napisać funkcję w JavaScripcie otwierającą nowe okno i ładującą link do niego. Funkcję dołączasz do znacznika <img> (zdarzenie onclick), a nie <a>.
bez sensu.. musi byc jakies zastepstwo do target.. i albo to robia idioci albo jest cos innego niz js..
QUOTE(shw)
bez sensu.. musi byc jakies zastepstwo do target.. i albo to robia idioci albo jest cos innego niz js..
malutki skrypcik w JS [a linki maja rel="blank", zamiast target="_blank"], albo XHTML 1.0 Transitional
ale js mozna wylaczyc - i wtedy co?
Wyłączenie JS można wykryć.
QUOTE(shw)
ale js mozna wylaczyc - i wtedy co?
wtedy linki nie beda sie otwieraly w nowych oknach, tragedia
a poza tym,
QUOTE(Sija)
[...] albo XHTML 1.0 Transitional
no tragedia - jaki sens jest tworzenia standardu, jezeli jest on tak glupio ograniczany..
Olórin
27.09.2004 - 09:21
Mnie tylko otwieranie w nowych oknach wkurza, więc nie widzę problemu
Jak chce otworzyć w nowym oknie to klikam srodkowym przyciskiem myszki.
Jeśli chodzi o otwieranie nowych okien, to zapraszam do krótkiej dyskusji na moim jogu, która nastąpiła, gdy wpadłem na pomysł obejścia standardów:
http://zakrn.jogger.pl/comment.php?eid=65702&startid=200409
QUOTE(shw)
no tragedia - jaki sens jest tworzenia standardu, jezeli jest on tak glupio ograniczany..
powtorze sie po raz
3: jesli chcesz miec otwierane linki w nowych oknach zgodne ze standardem, uzywaj
XHTML 1.0 Transitional.
Wersja Transitional jest wersją przejściową - standaryzacja zmierza ku wersji Strict.
QUOTE(lhs)
Wersja Transitional jest wersją przejściową - standaryzacja zmierza ku wersji Strict.
no dobrze, ale
jest, i jest poprawna, prawda?
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę
kliknij tutaj.