Problem z Layer-ami...

[Gość]

Witam!
Wlasnie jestem w trakcie tworzenia strony. Strona zbudowana jest w HTML 4.01, a oparta na Layer-ach, tzn. to w nich ustawiam grafike, tekst, to dzieki nim komponuje cala strone. Uzywam Dreamweavera. Wszystko bylo by dobrze, gdyby nie fakt ze w Mozilli wszytkie "plywajace ramki" sa albo 2 pixele za wysoko w Mozilli. Przy innym ich ustawieniu sa dobre w Mozilli ale za to o 2pix za nisko w IE. Sprawdzalem na W3C i mowi ze strone jest poprawna. A moze powinienem zrezygnowac z tego sposobu bo widze, ze jest dosc dziwaczny:). Prosze o pomoc.

PS. oto urywek kodu:

<div id="Layer11" style="position:absolute; left:785px; top:39px; width:105px; height:25px; z-index:11; background-color: #FFFF00; layer-background-color: #FFFF00; border: 1px none #000000; background-image: url(grafa/oszkole.gif); layer-background-image: url(grafa/oszkole.gif);"></div>

Pozdro.
Patriot.

[piotrek84]

ja tam z html taki fachowiec jak z koziej pupy trabka, ale mialem takie cus, ze w mozilli style okreslone w pliku html lekko nie domagaly, natomiast w zewnetrznym arkuszu CSS dzialaly wysmienicie

ps w mojej mozilli i IE 6.0 wszystko wyglada identycznie, sprawdzane programem linijka

[Domel]

jw mozilli style okreslone w pliku html lekko nie domagaly, natomiast w zewnetrznym arkuszu CSS dzialaly wysmienicie

Nie, mozliwe. Musiales robic blad. Szybciej uwierze w w sw. mikolaja niz w to ze Mozilla inaczej (wylaczajac kaskadowosc) wyswietla wewnetrzne CSS-y i zewnetrzne.

Co do strony. Calego kodu nie ma wiec trudno zgadnac (szczegolnie ze jest mowa o ramkach plywajacych iframe a w skraktu kodu podanego ich nie ma) ale zgaduje, ze jest to blad w IE (cos z box'ami).

PS
layer-background-image i zgodnosc z w3c, nie sciemniaj

[Gość]

Pomylka. Nie chodzi o 'plywajace ramki' IFRAME tylko po prostu o "LAYER". Na tym badziewiu, zdesperowany nie widzac innego wyjscia, zbudowalem swoja strone i zaczynam tego zalowac . Zgodnosc z W3C jest, bo sprawdzalem na ich stronie.

Pozdro.
Patriot.

[Domel]

tylko po prostu o "LAYER"

Badz tak mily i wytlumacz to rozumiesz przez "LAYER", uzywajac terminow powszechnych. Chodzi o bloki oparte na div'ach i pozycjonowane? [mam nadzieje ze nie chodzi o znacznik layer]

Zgodnosc z W3C jest, bo sprawdzalem na ich stronie.

Niechcem w poboczne tematy wchodzic ale moze i zgodnosc z (X)HTML-em jest ale nie z CSS. Bo jeszcze raz powtarzam ze w jednowierszowym kodzie juz znalazlem blad w postaci wlasnosci, ktorej nie ma w specyfikacji W3C - layer-background-color.

A kodu jak nie ma tak nie ma... Podaj adres do strony lub ewentualnie skopiuj troche wiecej kodu.

[athantor]

Pomylka. Nie chodzi o 'plywajace ramki' IFRAME tylko po prostu o "LAYER".

Co layer? Znacznik `layer'? Nie ma takiego.

Daj link, bo coś trudno więcej powiedzieć.

Na tym badziewiu, zdesperowany nie widzac innego wyjscia, zbudowalem swoja strone i zaczynam tego zalowac . Zgodnosc z W3C jest, bo sprawdzalem na ich stronie.

Na http://jigsaw.w3.org/css-validator/ też?

Validatory sprawdzają tylko poprawność SKŁADNI, a nie poprawność merytoryczną.

[Gość]

Strona na razie nie jest umieszczona w necie. Moge wyslac caly kod, ale na maila bo jest troche dlugi. Przez LAYER rozumiem funkcje wybrana w Dreamweaver "Draw Layer". W tych "Layerach" umiescilem grafike, teksty itd. Oto kawalek kodu, gdzie sie to zaczyna:

<body bgcolor="#CCCCCC" leftmargin="0" topmargin="0" marginwidth="0" onLoad="MM_preloadImages('grafa/poczta2.gif','grafa/malarstwa2.gif','grafa/fotografii2.gif','grafa/plakatu2.gif','grafa/grafiki2.gif','grafa/rzezby2.gif',)">
<div id="Layer1" style="position:absolute; left:0px; top:32px; width:1003px; height:18px; z-index:1">
<hr size="2" noshade color="#808080">
</div>
<div id="Layer2" style="position:absolute; left:34px; top:21px; width:151px; height:13px; z-index:2"><font size="-1" face="Verdana, Arial, Helvetica, sans-serif"><a href="../start.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image38','','grafa/zsp2.gif',1)"><img name="Image38" border="0" src="grafa/zsp.gif" width="158" height="15"></a></font></div>

PS. Troche duzo tych layerow, bo akurat na tej stronie 40 :/

[Domel]

Strona na razie nie jest umieszczona w necie. Moge wyslac caly kod, ale na maila bo jest troche dlugi.

Niestety, nie zajmujemy side tu prywatna korespondencja, dlatego prosze o umieszczenie strony w internecie.

Przez LAYER rozumiem funkcje wybrana w Dreamweaver "Draw Layer".

No tak, korzystasz z edytora WYSIWYG, taki sposob projektowania (badz co badz zaawansowanych lajaltow) w edytorze graficznym daje taki a nie inncy efekt. Jesli chcesz miec dobra poprawna strone musisz pisac w edytorach tekstowych. I bynajmniej nie chodzi mi o to zebym Cie chcial objechac czy ublizyc ale na tym fragmencje kodu podanym nizej jest tak wiele bledow i niepoprawnosci ze szkoda moich palcow, ktore pisza po klawiaturze. Ale podam Ci kilka z nich:
1. Nie ma takiego atrybutu jak leftmargin
2. Nie ma takiego atrybutu jak topmargin
3. Nie ma takiego atrybutu jak marginwidth (w znaczniku body)
4. Nie ma takiego atrybutu jak color (w znaczniku hr)
---
5. bgcolor powinien byc zastapiony stylami
6. domniemuje ze leftmargin, topmargin i marginwidth powinny byc zastapione stylami
7. znacznik font powinien byc zastapiony stylami
8. atrybuty znacznia font: size, face powinny byc zastapione stylami
9 ...

Punkty 1-4 udowaniaja, ze pisales nieprawde ze strona jest zgodna z W3C. Punkty 5-8, ze strona jest zrobiona niezgodniez nowymi tendencjami i niepotrzebnie zasmiecana znaczniami (stylami bylo mniej pisania).

Z fragmentu kodu podanego przez Ciebie niestety nie mozna wywnioskowac i namierzyc problemu, ktory opisujesz. Dlatego jeszcze raz apeluje o umieszczenie strony w internecie zeby mozna bylo przeanalizowac cala strukture strony. Mile widziany bylby screen z zaznaczonymi miejscami gdzie sa rozbierznosci w przegladarkach.

PS umieszczajac kod na stronie uzywac BBcodu ([ code ])

[pixi]

no to chyba sie nie znasz ciulu na HTML skoro uwazasz że np. nie ma topmargin w body! wracaj do szkoły!!! albo weź sie za jakieś ksiazki bo daleko nie zajedziesz

[Goscikiewicz]

Nie dokuczajmy gosciowi, czy kazdy z miejsca musi byc Einsteinem.
Pokazal kod bodego, a nikt z recenzentów nie zauwazyl, ze nie ma tam atrybutu marginheight=0:-)))))))))))).
Do Goscia: nie przejmuj sie i pamietaj:
- leftmargin="0" topmargin="0" to cecha Explorera
- marginwidth="0" marginheight="0" to cecha Netscape
<table> Dla Explorera, brak bordera=(border domyslnie=0)
<table> dla Netscape, brak bordera=(border domyslnie=2)

Stad te Twoje brakujace 2 pixy

[gs]

no to chyba sie nie znasz ciulu na HTML skoro uwazasz że np. nie ma topmargin w body! wracaj do szkoły!!! albo weź sie za jakieś ksiazki bo daleko nie zajedziesz

http://www.w3.org/TR/html401/struct/global.html#h-7.5.1

Możesz mi pokazać, GDZIE tam jest "topmargin" w "BODY"?
To że pseudoznawcy piszą bzdury w książkach i uczą tego na pseudo-kursach tworzenia stron nie znaczy że jest to prawda.

PS. Zanim kogoś obrazisz wyzwiskami sięgnij do źródła. Nie do opracowania, ale do ŹRÓDŁA.

[gs]

Pokazal kod bodego, a nikt z recenzentów nie zauwazyl, ze nie ma tam atrybutu marginheight=0:-)))))))))))).

Trudno żeby zauwazyć że niema czegoś, czego nie powinno być.

Do Goscia: nie przejmuj sie i pamietaj:
- leftmargin="0" topmargin="0" to cecha Explorera
- marginwidth="0" marginheight="0" to cecha Netscape
<table> Dla Explorera, brak bordera=(border domyslnie=0)
<table> dla Netscape, brak bordera=(border domyslnie=2)

... i pamiętaj że zarówno jeden jak i drugi zapis nie jest prawidłowy (czytaj: zgodny ze specyfikacją).
Link do specyfikacji podałem poprzednio.