Nie jesteś zalogowany.
Jeśli nie posiadasz konta, zarejestruj je już teraz! Pozwoli Ci ono w pełni korzystać z naszego serwisu. Spamerom dziękujemy!

Ogłoszenie

Prosimy o pomoc dla małej Julki — przekaż 1% podatku na Fundacji Dzieciom zdazyć z Pomocą.
Więcej informacji na dug.net.pl/pomagamy/.

#1  2008-05-15 12:14:03

  szczypior88 - Członek DUG

szczypior88
Członek DUG
Skąd: Poznań
Zarejestrowany: 2007-02-06
Serwis

Pionowa linia na stronie www

Witajcie,
mam problem ze zrobieniem pionowej linii pomiędzy menu a główną zawartością strony w taki sposób, żeby dynamicznie zmieniała swoją długość w zależności od tego jak bardzo tekst tą stronę rozciągnie. Konkretnie: tu jest ta strona. Póki co radzę sobie takim kodem:

Kod:

<td background="/templates/desert_rain/images/centerline.gif" width="14"> </td>

Ale validator wywala błąd:

Line 87, Column 17: there is no attribute "background".
        <td background="/templates/desert_rain/images/centerline.gif" width="14"> </…

You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Transitional" document type to get the "target" attribute), or by using vendor proprietary extensions such as "marginheight" (this is usually fixed by using CSS to achieve the desired effect instead).

This error may also result if the element itself is not supported in the document type you are using, as an undefined element will have no supported attributes; in this case, see the element-undefined error message for further information.

How to fix: check the spelling and case of the element and attribute, (Remember XHTML is all lower-case) and/or check that they are both allowed in the chosen document type, and/or use CSS instead of this attribute. If you received this error when using the <embed> element to incorporate flash media in a Web page, see the FAQ item on valid flash.

Od razu przyznaję się, że na tej stronie dopiero się uczę, więc nie bić jeśli to jakaś głupota :)


http://www.szczypior88.republika.pl/cwp.gif
pozdrawiam
szczypior

Offline

 

#2  2008-05-15 13:38:18

  raixer - Moderator

raixer
Moderator
Zarejestrowany: 2004-08-21

Re: Pionowa linia na stronie www

zapisz to za pomoca styli <td style="...">
bedziesz mial taki sam efekt, a validator powinien odpuscic


Open Source - Świat otwartych umysłów
Linux Registered User: #276548

Offline

 

#3  2008-05-15 14:40:52

  szczypior88 - Członek DUG

szczypior88
Członek DUG
Skąd: Poznań
Zarejestrowany: 2007-02-06
Serwis

Re: Pionowa linia na stronie www

Dzięki wielkie, udało się. Wstawiłem:

Kod:

<td title="pionowa">&nbsp;&nbsp;</td>

a do cssa:

Kod:

td[title="pionowa"] { background: url(centerline.gif) repeat-y center }

i już validator się nie czepia :)


http://www.szczypior88.republika.pl/cwp.gif
pozdrawiam
szczypior

Offline

 

#4  2008-05-15 20:27:11

  Minio - Użyszkodnik

Minio
Użyszkodnik
Skąd: Poznań, Polska
Zarejestrowany: 2007-12-22
Serwis

Re: Pionowa linia na stronie www

To ja się autorytarnie wypowiem ;) .

Kod:

<td title="pionowa">&nbsp;&nbsp;</td>

Generalnie powinno się unikać takich zapisów. Jeżeli chce się mieć stronę, jak to się mówi, semantyczną, nie powinny one w ogóle występować.

Kod:

td[title="pionowa"] { background: url(centerline.gif) repeat-y center }

Nie jestem pewien, czy IE nie ma kłopotów z selektorami CSS po atrybutach. Lepiej będzie zapisanie w HTML (posługując się Twoimi przykładami):

Kod:

<td id="pionowa">&nbsp;&nbsp;</td>

i CSS:

Kod:

#pionowa { background: url(centerline.gif) repeat-y center }

Tak zupełnie na marginesie, od kilku lat nie używa się tabelek do tworzenia struktury strony ;) . Teraz modne są <div>y. Chociaż ich nadużywanie jest stosunkowo podobne do nadużywania tabelek.

Generlanie strona jest dość prosta:

Kod:

<div id="header">
  <div id="menu">
  <div id="tresc">
<div id="footer">

Kwestia odpowiedniego ostylowania poszczególnych elementów. <div>owi z treścią nadajesz w CSS lewe obramowanie (border-left) i wspomniana linia będzie tak długa jak należy :) .

szczypior88 napisał(-a):

i już validator się nie czepia :)

Validator W3C nie jest wyrocznią jeżeli chodzi o poprawność stron ;) . Właściwie sprawdza tylko trywialne błędy, w stylu umieszczenie elementu blokowego w elemencie liniowym czy nieodpowiednia kolejność zamykania znaczników.

Offline

 

#5  2008-05-15 20:43:35

  szczypior88 - Członek DUG

szczypior88
Członek DUG
Skąd: Poznań
Zarejestrowany: 2007-02-06
Serwis

Re: Pionowa linia na stronie www

Minio napisał(-a):

Nie jestem pewien, czy IE nie ma kłopotów z selektorami CSS po atrybutach.

Faktycznie - w IE nie było widać tej linii, ale dzięki Twoim zmianom już jest ok :D

Minio napisał(-a):

Tak zupełnie na marginesie, od kilku lat nie używa się tabelek do tworzenia struktury strony ;) . Teraz modne są <div>y.

Już o tym czytałem. Póki co używam zmodyfikowanego do swoich potrzeb szablonu, który oparty był o tabele. Jak będę mieć więcej czasu - przerobię na divy. Masz może jakieś porady jak przez to przejść jak najprościej?

Minio napisał(-a):

Validator W3C nie jest wyrocznią jeżeli chodzi o poprawność stron ;) . Właściwie sprawdza tylko trywialne błędy, w stylu umieszczenie elementu blokowego w elemencie liniowym czy nieodpowiednia kolejność zamykania znaczników.

Jest, nie jest - nie wiem szczerze mówiąc :P Wyczytałem w jakimś artykule, że jeśli strona jest ok dla W3C, to jest dla niej lepiej, bo jest lepiej wypozycjonowana.

Dzięki za wskazówki!

Może będziecie potrafili mi pomóc w jeszcze jednej kwestii: podmenu zawiera takie kółeczka przy danej pozycji. W Operze, Firefoxie wygląda to dobrze, natomiast w IE to kółko znajduje się wewnątrz białego prostokąta. Oryginalnie w obrazku który jest ładowany, ten prostokąt jest obszarem transparentym. Jak dziadowi pokazać, że w tym miejscu nie ma być na biało, tylko zgodnie z kolorem tła strony?


http://www.szczypior88.republika.pl/cwp.gif
pozdrawiam
szczypior

Offline

 

#6  2008-05-15 21:23:27

  !acek - Użytkownik

!acek
Użytkownik
Skąd: Zakliczyn/Kraków
Zarejestrowany: 2008-02-28

Re: Pionowa linia na stronie www

ie (do wersji 6) nie obsługuje przeźroczystości w png (potrzebna jest do tego specjalna łatka), w 7 jest już to rozwiązane


Quantum physics predicts the past with 80% accuracy

Offline

 

#7  2008-05-15 22:02:17

  Rumi - prawiczek erotoman

Rumi
prawiczek erotoman
Skąd: Gorlice
Zarejestrowany: 2004-09-23
Serwis

Re: Pionowa linia na stronie www

!acek napisał(-a):

ie (do wersji 6) nie obsługuje przeźroczystości w png (potrzebna jest do tego specjalna łatka), w 7 jest już to rozwiązane

http://www.twinhelix.com/css/iepngfix/

Offline

 

#8  2008-05-16 00:00:28

  Minio - Użyszkodnik

Minio
Użyszkodnik
Skąd: Poznań, Polska
Zarejestrowany: 2007-12-22
Serwis

Re: Pionowa linia na stronie www

szczypior88 napisał(-a):

Jak będę mieć więcej czasu - przerobię na divy. Masz może jakieś porady jak przez to przejść jak najprościej?

W sumie nie :) . Generalnie musisz się uczyć, uczyć i jeszcze raz uczyć. Najlepiej z jakiegoś dobrego kursu, np. tego od BrowseHappy. I z dokumentacją na kolanach. Możesz zacząć od tworzenia jakichś prostych layoutów, np. dwukolumnowego z nagłówkiem. Podpatrz też porady od profesjonalistów ;) (tak, to są 3 linki). Koniecznie też zobacz co ma do powiedzenia porneL (człowiek odpowiedzialny za kampanię BrowseHappy i Osiołki) na temat najczęstszych błędów popełnianych przez twórców stron. A w razie czego pytaj :) .

szczypior88 napisał(-a):

Minio napisał(-a):

Validator W3C nie jest wyrocznią jeżeli chodzi o poprawność stron ;) . Właściwie sprawdza tylko trywialne błędy, w stylu umieszczenie elementu blokowego w elemencie liniowym czy nieodpowiednia kolejność zamykania znaczników.

Jest, nie jest - nie wiem szczerze mówiąc :P Wyczytałem w jakimś artykule, że jeśli strona jest ok dla W3C, to jest dla niej lepiej, bo jest lepiej wypozycjonowana.

Generalnie zgodność z Validatorem jest pożądana, ale nie jest celem samym w sobie (ekhm ;) ). Validator pozwala wyłapać błędy o których wspomniałem: umieszczenie danego elementu w nieodpowiednim miejscu (np. <a><div></div></a>), niepoprawna kolejność zamykania elementów (np. <a><b>tekst</a></b>) czy inne (np. <li>, czyli element listy, niebędący dzieckiem jakiejkolwiek listy). Nic jednak nie stoi na przeszkodzie, by napisać naprawdę okropnej jakości kod, do którego validator się nie przyczepi :) .

Jak napisałem: validator nie jest celem. Może być pomocnym narzędziem dla początkującego webmastera, które pomoże mu wyłapać błędy i wprowadzić dobre nawyki. Jednak po pewnym czasie staje się bezużyteczne, gdyż przestaje zgłaszać zastrzeżenia (oznacza to, że webmaster się „wyrobił”). Czasami również webmaster, w imię poprawności wyświetlania w przeglądarkach (lub innego, ważnego celu), musi zerwać ze zgodnością z validatorem.

Btw puść stronę Google przez validator: zdziwisz się, ile błędów można zrobić w takiej, wydawałoby się, prostej witrynie :) . A chyba nie powiesz, że programiści Google nie znają się na rzeczy.

Konstatując: zgodność strony z validatorem nie oznacza, że jest ona bezbłędna. Tak samo niezgodność nie jest ogromnym zarzutem przeciwko danemu kawałkowi kodu.

Offline

 

Stopka forum

Powered by PunBB
© Copyright 2002–2005 Rickard Andersson
Nas ludzie lubią po prostu, a nie klikając w przyciski ;-)