Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: pytanie do webmasterów
Konnekt | Forum > Offtopic > Hydepark
Stron: 1, 2
KOSMOS
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 tongue.gif):
http://www.echostar.pl/~kosmos

Chętnie wyszłucham (wyczytam tongue.gif) 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';"
lhs
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
No to może idzie zrobić żeby pobierał kolor tła z CSS w zależnośći czy onMouseOut czy też onMouseOver :?:
hao
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...
lhs
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
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
lhs
A wypróbowałeś ten drugi sposób?? Wysłaliśmy nasze posty dokładnie w tej samej minucie ( biggrin.gif ), więc pewnie nie zauważyłeś...
KOSMOS
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?
lhs
Moim (skromnym biggrin.gif ) 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
A co do tego przesunięcia co jest na screenach?
Jak to mogę poprawić?
Bawiłem sie i nie mogę tego poprawić!
lhs
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 }
nix
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
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.
hao
Ale zamiast DIV'a mozna uzyc A i w stylach ustawic mu display:block;
KOSMOS
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
lhs
Ja naprawdę żadnego rozjechania nie widzę.

Załączniki

KOSMOS
Bo to nie to, między tłem loga i blokami poniżej.
Piksel czerwona kreska.
lhs
Nadal nic nie widzę.

Załączniki

KOSMOS
Już to naprawiłem, wina jednej tabeli.
lhs
To teraz dodaj prawidłową deklarację !DOCTYPE
KOSMOS
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:
lhs
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
Hmm ciakawe :? abitny cel laugh.gif
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".
lhs
Lukałem, lukałem - 98 błędów biggrin.gif
Gdybyś miał jakieś pytania, to wal śmiało!!

No to - do roboty!!
KOSMOS
No to juz tylko 72 błedy biggrin.gif
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.
lhs
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
&amp;
kox
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 smile.gif
lhs
Poważnie???????? biggrin.gif
kox
Dla jaj wink.gif
MiLKA
QUOTE(KOSMOS)
No to juz tylko 72 błedy  biggrin.gif
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 &amp; nie musisz sie przejmowac, przegladarki sa sprytne i zamienia
lhs
Wiem, wiem. Dla jaj.
arkadyjczyk
A może tak najpierw zajrzeć np. tutaj http://xhtml.b7.pl/index.html
KOSMOS
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?
Sija
QUOTE(KOSMOS)
[...] To w jaki sposób zrobić szkielet stronki, za pomocą DIV'ów?


najlepiej TYLKO za pomoca DIVow.
KOSMOS
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!
kox
Divy pisz jak chcesz. Ich rozmieszczenie zrób w stylach css (margin, padding, position itp).
KOSMOS
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
Atrybut target jest przez W3C oznaczony jako deprecated (przestarzały).
lhs
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>.
shw
bez sensu.. musi byc jakies zastepstwo do target.. i albo to robia idioci albo jest cos innego niz js..
Sija
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
shw
ale js mozna wylaczyc - i wtedy co?
lhs
Wyłączenie JS można wykryć.
Sija
QUOTE(shw)
ale js mozna wylaczyc - i wtedy co?


wtedy linki nie beda sie otwieraly w nowych oknach, tragedia tongue.gif
a poza tym,

QUOTE(Sija)
[...] albo XHTML 1.0 Transitional
shw
no tragedia - jaki sens jest tworzenia standardu, jezeli jest on tak glupio ograniczany..
Olórin
Mnie tylko otwieranie w nowych oknach wkurza, więc nie widzę problemu smile.gif Jak chce otworzyć w nowym oknie to klikam srodkowym przyciskiem myszki.
Zakrn
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
Sija
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.
lhs
Wersja Transitional jest wersją przejściową - standaryzacja zmierza ku wersji Strict.
Sija
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.
Invision Power Board © 2001-2012 Invision Power Services, Inc.