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: [url=www.terapieautorskie.pl]tu jest ta strona[/url]. Póki co radzę sobie takim kodem:

Kod:

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

Ale [url=http://validator.w3.org/check?uri=http%3A%2F%2Fterapieautorskie.pl%2F&charset=%28detect+automatically%29&doctype=Inline&group=0]validator[/url] 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.[/quote]
Od razu przyznaję się, że na tej stronie dopiero się uczę, więc nie bić jeśli to jakaś głupota :)


[url=http://terapieautorskie.pl][img]http://www.szczypior88.republika.pl/cwp.gif[/img][/url]
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">  </td>

a do cssa:

Kod:

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

i już validator się nie czepia :)


[url=http://terapieautorskie.pl][img]http://www.szczypior88.republika.pl/cwp.gif[/img][/url]
pozdrawiam
szczypior

Offline

 

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

  Minio - Użyszkodnik

Minio
Użyszkodnik
Skąd: Brno, Česko
Zarejestrowany: 2007-12-22
Serwis

Re: Pionowa linia na stronie www

To ja się autorytarnie wypowiem ;) .

Kod:

<td title="pionowa">  </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">  </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 :) .

[quote="szczypior88"]i już validator się nie czepia :)[/quote]
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.


Spinnen Essen: [url=http://fluxboxpl.org/portal/]FluxboxPL[/url] [url=http://przepis-na-lo.pl/]Przepis na LibreOffice[/url]

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

[quote=Minio]Nie jestem pewien, czy IE nie ma kłopotów z selektorami CSS po atrybutach.[/quote]
Faktycznie - w IE nie było widać tej linii, ale dzięki Twoim zmianom już jest ok :D

[quote=Minio]Tak zupełnie na marginesie, od kilku lat nie używa się tabelek do tworzenia struktury strony ;) . Teraz modne są <div>y.[/quote]
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?

[quote=Minio]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.[/quote]
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?


[url=http://terapieautorskie.pl][img]http://www.szczypior88.republika.pl/cwp.gif[/img][/url]
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

[quote=!acek]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[/quote]
http://www.twinhelix.com/css/iepngfix/


[url=http://przyklej24.pl][b][color=green]ogłoszenia internetowe[/color][/b][/url]
[url=http://l-ka.gorlice.pl/][b][color=blue]nauka jazdy gorlice[/color][/b][/url]
[url=http://ciasny.net][color=#FF0000][b]Katalog stron[/b][/color][/url]
[url=http://www.abc-prawko.pl][b]Baza OSK[/b][/url]

Offline

 

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

  Minio - Użyszkodnik

Minio
Użyszkodnik
Skąd: Brno, Česko
Zarejestrowany: 2007-12-22
Serwis

Re: Pionowa linia na stronie www

[quote=szczypior88]Jak będę mieć więcej czasu - przerobię na divy. Masz może jakieś porady jak przez to przejść jak najprościej?[/quote]
W sumie nie :) . Generalnie musisz się uczyć, uczyć i jeszcze raz uczyć. Najlepiej z jakiegoś dobrego kursu, np. [url=http://kurs.browsehappy.pl/]tego od BrowseHappy[/url]. I z [url=http://www.w3schools.com/Css/default.asp]dokumentacją[/url] na kolanach. Możesz zacząć od tworzenia jakichś prostych layoutów, np. dwukolumnowego z nagłówkiem. Podpatrz też [url=http://www.w3.org/2002/03/csslayout-howto]porady[/url] [url=http://www.glish.com/css/9.asp]od[/url] [url=http://perfectionorvanity.com/2007/03/07/rowne-kolumny-layoutu-css/]profesjonalistów[/url] ;) (tak, to są 3 linki). Koniecznie też zobacz co ma do powiedzenia [url=http://pornel.net/]porneL[/url] (człowiek odpowiedzialny za kampanię [url=http://browsehappy.pl/]BrowseHappy[/url] i [url=http://osiolki.net/]Osiołki[/url]) na temat [url=http://pornel.net/bledy]najczęstszych błędów popełnianych przez twórców stron[/url]. A w razie czego pytaj :) .

[quote=szczypior88][quote=Minio]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.[/quote]
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.[/quote]
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.


Spinnen Essen: [url=http://fluxboxpl.org/portal/]FluxboxPL[/url] [url=http://przepis-na-lo.pl/]Przepis na LibreOffice[/url]

Offline

 

Stopka forum

Powered by PunBB
© Copyright 2002–2005 Rickard Andersson
Możesz wyłączyć AdBlock — tu nie ma reklam ;-)

[ Generated in 0.017 seconds, 11 queries executed ]

Informacje debugowania

Time (s) Query
0.00013 SET CHARSET latin2
0.00015 SET NAMES latin2
0.00207 SELECT u.*, g.*, o.logged FROM punbb_users AS u INNER JOIN punbb_groups AS g ON u.group_id=g.g_id LEFT JOIN punbb_online AS o ON o.ident='3.14.70.203' WHERE u.id=1
0.00140 REPLACE INTO punbb_online (user_id, ident, logged) VALUES(1, '3.14.70.203', 1713525327)
0.00127 SELECT * FROM punbb_online WHERE logged<1713525027
0.00140 SELECT topic_id FROM punbb_posts WHERE id=90878
0.00209 SELECT id FROM punbb_posts WHERE topic_id=11443 ORDER BY posted
0.00110 SELECT t.subject, t.closed, t.num_replies, t.sticky, f.id AS forum_id, f.forum_name, f.moderators, fp.post_replies, 0 FROM punbb_topics AS t INNER JOIN punbb_forums AS f ON f.id=t.forum_id LEFT JOIN punbb_forum_perms AS fp ON (fp.forum_id=f.id AND fp.group_id=3) WHERE (fp.read_forum IS NULL OR fp.read_forum=1) AND t.id=11443 AND t.moved_to IS NULL
0.00010 SELECT search_for, replace_with FROM punbb_censoring
0.00163 SELECT u.email, u.title, u.url, u.location, u.use_avatar, u.signature, u.email_setting, u.num_posts, u.registered, u.admin_note, p.id, p.poster AS username, p.poster_id, p.poster_ip, p.poster_email, p.message, p.hide_smilies, p.posted, p.edited, p.edited_by, g.g_id, g.g_user_title, o.user_id AS is_online FROM punbb_posts AS p INNER JOIN punbb_users AS u ON u.id=p.poster_id INNER JOIN punbb_groups AS g ON g.g_id=u.group_id LEFT JOIN punbb_online AS o ON (o.user_id=u.id AND o.user_id!=1 AND o.idle=0) WHERE p.topic_id=11443 ORDER BY p.id LIMIT 0,25
0.00139 UPDATE punbb_topics SET num_views=num_views+1 WHERE id=11443
Total query time: 0.01273 s