Witamy, Gość. Zaloguj się lub zarejestruj.
Czy dotarł do Ciebie email aktywacyjny?


Zaloguj się podając nazwę użytkownika, hasło i długość sesji

Strony: 1 2 [3] 4  Wszystkie
DrukujPobierz PDF
Autor Wątek: Strony z obsługą (X)HTML  (Przeczytany 16816 razy)
0 użytkowników i 1 Gość przegląda ten wątek.
szujak
Użytkownik

Reputacja: 2 Offline Offline

Płeć: Mężczyzna
GIMP: 2.4 + GAP
Licencja: CC-NC-BY-SA
Wiadomości: 153
Galeria Użytkownika



Zobacz profil WWW
« Odpowiedz #28 : 23.07.2008, 16:53:24 »

Cytat: Strona
<a href="http://www.gimpuj.info">
<img src="stronaglowna.gif"/></a>
<a href="http://www.gimpuj.info">
<p><img src="stronaglowna_.gif" onmouseover="javascript:this.src='stronaglowna_po.gif'" onmouseout="javascript:this.src='stronaglowna_.gif'"/></a>
<a href="http://www.gimpuj.info">
<p><img src="kontakt.gif" onmouseover="javascript:this.src='kontaktpo.gif'" onmouseout="javascript:this.src='kontakt.gif'"/></a>
<a href="http://www.gimpuj.info">
<p><img src="forum.gif" onmouseover="javascript:this.src='forumpo.gif'" onmouseout="javascript:this.src='forum.gif'"/></a>
<a href="http://www.gimpuj.info">
<p><img src="omnie.gif" onmouseover="javascript:this.src='omniepo.gif'" onmouseout="javascript:this.src='omnie.gif'"/></a>
<a href="http://www.gimpuj.info">
<p><img src="ksiegagosci.gif" onmouseover="javascript:this.src='ksiegagoscipo.gif'" onmouseout="javascript:this.src='ksiegagosci.gif'"/></a>
<a href="http://www.gimpuj.info">
<p><img src="galeria.gif" onmouseover="javascript:this.src='galeriapo.gif'" onmouseout="javascript:this.src='galeria.gif'"/></p></a>


Chciałem tylko zaznaczyć, że masz błędy na stronie - nie zamykasz znaczników i dlatego źle się wyświetla. (zaznaczyłem czerwoną czcionką)  Mrugnięcie

To nie jest błąd!
<a href="http://..."></a> <-- ten znacznik zamyka
Zapisane

----------------------------
http://www.pillart.pl
----------------------------
http://szujak.deviantart.com
http://szujak.digart.pl
Grolak
√ ι ק

Reputacja: 20 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6
JID: grolak@jabber.org
Licencja: CC-NC-BY-SA
Wiadomości: 1 126
Galeria Użytkownika


Kreator mody


Zobacz profil
« Odpowiedz #29 : 23.07.2008, 17:49:18 »

No właśnie. TO wygląda, tak jak ma, wszystko działa. Nie wiem czemu walidatory pokazują również ten błąd, jak przecież zamykam. Bo to obrazek ma być linkiem. BTW później zmienię linki, każdy będzie prowadził gdzieś indziej.
Zapisane

afk
Filax
Nowicjusz

Reputacja: 0 Offline Offline

Płeć: Mężczyzna
GIMP: 2.4 + GAP
Licencja: Copyright
Wiadomości: 11
Galeria Użytkownika

Filax


Zobacz profil
« Odpowiedz #30 : 23.07.2008, 18:11:34 »

O rany... przecież on ma <a </a>! Właśnie o to mi chodzi - nie zamyka <a>, tylko ma <a - patrzcie uważnie...  Mrugnięcie

//edit Zauważyłem jeszcze, że otwierasz akapity a ich nie zamykasz... - kolejny błąd. Poza tym jeśli chcesz przejść przez w3C to musisz jeszcze pododawać opis - czyli alt do każdego obrazka. Ogólnie to poczytaj o blokach <div> - przydadzą się
« Ostatnia zmiana: 23.07.2008, 18:27:53 wysłane przez Filax » Zapisane
szujak
Użytkownik

Reputacja: 2 Offline Offline

Płeć: Mężczyzna
GIMP: 2.4 + GAP
Licencja: CC-NC-BY-SA
Wiadomości: 153
Galeria Użytkownika



Zobacz profil WWW
« Odpowiedz #31 : 23.07.2008, 18:13:49 »

Właśnie teraz zauważyłem, przepraszam  Język .
Zapisane

----------------------------
http://www.pillart.pl
----------------------------
http://szujak.deviantart.com
http://szujak.digart.pl
Bibson
Użytkownik

Reputacja: 2 Offline Offline

GIMP: 2.4 + GAP
Licencja: Copyright
Wiadomości: 53
Galeria Użytkownika

Bibson


Zobacz profil
« Odpowiedz #32 : 23.07.2008, 18:24:17 »

Filax ma rację Uśmiech Jeśli było by tak jak mówisz Grolak oraz Ty szujak to wynikało by że i tak masz błędy w kodzie.
Nie zamykasz jednego znacznika a używasz następnego.
Grolak chyba nie doczytałeś do końca kursu lub zrobiłeś to nie uważnie Uśmiech

Nie wiem czy napiszę to teraz używając dobrych słów(tak sam się nauczyłem):
W HTML używałeś znacznika <br> żeby przejść do następnej linii a w XHTML używa się <br /> ponieważ tego znacznika używa się tylko raz.
Jeśli używasz znacznika <a href="adres"> to jest to znacznik który rozpoczyna tworzenie linku a znacznikiem kończącym jest </a> i między nimi jest tekst lub obrazek.

Fragment z  Twojego kodu źródłowego:
Cytuj
<a href="http://www.gimpuj.info"
<p><img src="stronaglowna_.gif" onmouseover="javascript:this.src='stronaglowna_po.gif'" onmouseout="javascript:this.src='stronaglowna_.gif'"/></a>
Tekst pogrubiony to znaczniki które rozpoczynają i kończą odnośnik.

Jeśli byłoby tak jak Wy mówicie to powinno być tak:
Cytuj
<a href="http://www.gimpuj.info"
<p><img src="stronaglowna_.gif" onmouseover="javascript:this.src='stronaglowna_po.gif'" onmouseout="javascript:this.src='stronaglowna_.gif'"/>/>

Ponieważ nie możesz zamknąć czegoś(</a>)czego nie rozpocząłeś Uśmiech

Może to trochę zagmatwałem ale chyba da się coś z tego zrozumieć Uśmiech

Eh i wszystko się wyjaśniło a ja się rozpisałem Chichot Chyba Grolak zrozumie swój błąd Uśmiech
Zapisane

Grolak
√ ι ק

Reputacja: 20 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6
JID: grolak@jabber.org
Licencja: CC-NC-BY-SA
Wiadomości: 1 126
Galeria Użytkownika


Kreator mody


Zobacz profil
« Odpowiedz #33 : 23.07.2008, 18:29:22 »

Zauważyłem błąd, rzeczywiście. Kurs doczytałem, ale poprostu nie uważnie napisałem. Na szczęście nie jest to taki błąd, który może popsuć działanie stronki.

PS. Ale ja nie stosuję <br />, tylko <p>, jest IMO wygodniejsze, z osobistych powodów Język
Zapisane

afk
Filax
Nowicjusz

Reputacja: 0 Offline Offline

Płeć: Mężczyzna
GIMP: 2.4 + GAP
Licencja: Copyright
Wiadomości: 11
Galeria Użytkownika

Filax


Zobacz profil
« Odpowiedz #34 : 23.07.2008, 18:31:46 »

Wszystko pięknie, ale <p>, czyli akapit, również należy zamykać (</p>)  Mrugnięcie

//edit Zauważyłem jeszcze, że otwierasz akapity a ich nie zamykasz... - kolejny błąd. Poza tym jeśli chcesz przejść przez w3C to musisz jeszcze pododawać opis - czyli alt do każdego obrazka. Ogólnie to poczytaj o blokach <div> - przydadzą się

Pierwszy raz cytuję sam siebie  <aniolek>
Zapisane
szujak
Użytkownik

Reputacja: 2 Offline Offline

Płeć: Mężczyzna
GIMP: 2.4 + GAP
Licencja: CC-NC-BY-SA
Wiadomości: 153
Galeria Użytkownika



Zobacz profil WWW
« Odpowiedz #35 : 23.07.2008, 18:46:07 »

Jeżeli chcesz, aby strona była zgodna ze standardami nie możesz umieszczać akapitów w odnośnikach.

Cytuj
#  Error  Line 29, Column 36: document type does not allow element "p" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag.

<a href="http://www.gimpuj.info"><p><img src="./image/stronaglowna_.gif" alt="o

The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element.

One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>").

Poza tym nie umieszczasz opisów w obrazkach (alt="opis") co też jest błędem.


Kod:
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<meta name="Description" content="Tu wpisz opis zawarto�ci strony" />
<meta name="Keywords" content="Tu wpisz wyrazy kluczowe rozdzielone przecinkami" />
<title>Tu wpisz tytuł strony</title>
<style type="text/css">
/* <![CDATA[ */
img { border: 0px; }
p { margin: 0px; padding: 0px; }
/* ]]> */
</style>

</head>

<body><!--]>-->

<noscript onclick="''">
</noscript>

<script type="text/javascript" src="http://a.cba.pl/reklama1.js">
</script>

<a href="http://www.gimpuj.info"><img src="http://rabbitshare.cba.pl/gimph/image/stronaglowna.gif" alt="opis"/></a><br />
<a href="http://www.gimpuj.info"><img src="http://rabbitshare.cba.pl/gimph/image/stronaglowna_.gif" alt="opis" onmouseover="javascript:this.src='http://rabbitshare.cba.pl/gimph/image/stronaglowna_po.gif'" onmouseout="javascript:this.src='http://rabbitshare.cba.pl/gimph/image/stronaglowna_.gif'"/></a><br />
<a href="http://www.gimpuj.info"><img src="http://rabbitshare.cba.pl/gimph/image/kontakt.gif" alt="opis" onmouseover="javascript:this.src='http://rabbitshare.cba.pl/gimph/image/kontaktpo.gif'" onmouseout="javascript:this.src='http://rabbitshare.cba.pl/gimph/image/kontakt.gif'"/></a><br />
<a href="http://www.gimpuj.info"><img src="http://rabbitshare.cba.pl/gimph/image/forum.gif" alt="opis"  onmouseover="javascript:this.src='http://rabbitshare.cba.pl/gimph/image/forumpo.gif'" onmouseout="javascript:this.src='http://rabbitshare.cba.pl/gimph/image/forum.gif'"/></a><br />
<a href="http://www.gimpuj.info"><img src="http://rabbitshare.cba.pl/gimph/image/omnie.gif" alt="opis" onmouseover="javascript:this.src='http://rabbitshare.cba.pl/gimph/image/omniepo.gif'" onmouseout="javascript:this.src='http://rabbitshare.cba.pl/gimph/image/omnie.gif'"/></a><br />
<a href="http://www.gimpuj.info"><img src="http://rabbitshare.cba.pl/gimph/image/ksiegagosci.gif" alt="opis" onmouseover="javascript:this.src='http://rabbitshare.cba.pl/gimph/image/ksiegagoscipo.gif'" onmouseout="javascript:this.src='http://rabbitshare.cba.pl/gimph/image/ksiegagosci.gif'"/></a><br />
<a href="http://www.gimpuj.info"><img src="http://rabbitshare.cba.pl/gimph/image/galeria.gif" alt="opis" onmouseover="javascript:this.src='http://rabbitshare.cba.pl/gimph/image/galeriapo.gif'" onmouseout="javascript:this.src='http://rabbitshare.cba.pl/gimph/image/galeria.gif'"/></a><br />


<div style="text-align:center;font-size:11px" class="cbalink">
<a href="http://www.cba.pl/" title="darmowy hosting">Darmowy Hosting</a> CBA.PL<br /><br />
</div>
<!--]>-->

<noscript onclick="''">
</noscript>

<script type="text/javascript" src="http://a.cba.pl/reklama2.js">
</script>

<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>

<script type="text/javascript">
_uacct = "UA-2289508-3";
urchinTracker();
</script>

</body>

</html>

Udało się xD strona jest poprawna.
Zapisane

----------------------------
http://www.pillart.pl
----------------------------
http://szujak.deviantart.com
http://szujak.digart.pl
Filax
Nowicjusz

Reputacja: 0 Offline Offline

Płeć: Mężczyzna
GIMP: 2.4 + GAP
Licencja: Copyright
Wiadomości: 11
Galeria Użytkownika

Filax


Zobacz profil
« Odpowiedz #36 : 23.07.2008, 19:00:07 »

Kompletnie zapomniałem o tym akapicie w odnośniku - mogłem choć raz przerzucić to przez validator, a nie tak się wymądrzać.
Myślę, że problem został rozwiązany Chichot (Chociaż nadal uważam, że bloki by się tu przydały Język)
Zapisane
Grolak
√ ι ק

Reputacja: 20 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6
JID: grolak@jabber.org
Licencja: CC-NC-BY-SA
Wiadomości: 1 126
Galeria Użytkownika


Kreator mody


Zobacz profil
« Odpowiedz #37 : 23.07.2008, 19:25:54 »

Mam pewną prośbę. Czy ktoś mógłby zrobić mały tutorial, jak korzystać z div? Wiem, że to element blokowy, no ale dziwne, że jeśli umieszczę obrazki w divie, bez <p> to nie wyświetlają się w bloku, tylko w linii, jak normalny tekst. Pewnie div do tego nie służy, a jak nie, to do czego? Na kurshtml.boo podali dziwny przykład:

XXXXXXXXXXXXXXXXXXXXXXXX
TO JEST NAPISANE W BLOKU
XXXXXXXXXXXXXXXXXXXXXXXX

Z tym, że ja takie coś mogę uzyskać z <p>/<br />. Więc po co by to było...
« Ostatnia zmiana: 23.07.2008, 19:37:10 wysłane przez Grolak » Zapisane

afk
Bibson
Użytkownik

Reputacja: 2 Offline Offline

GIMP: 2.4 + GAP
Licencja: Copyright
Wiadomości: 53
Galeria Użytkownika

Bibson


Zobacz profil
« Odpowiedz #38 : 23.07.2008, 20:48:49 »

Chodzi o element blokowy czyli wyświetlanie się linków pod sobą?
Kod:
display: block;
Na kurshtml.boo.pl masz jak zrobić menu pionowe:
http://www.kurshtml.boo.pl/css/menu.html
Poczytaj trochę tego i spróbuj pozmieniać różne wartości i popróbuj z różnymi rzeczami to Ci pomoże to zrozumieć.
Zapisane

Filax
Nowicjusz

Reputacja: 0 Offline Offline

Płeć: Mężczyzna
GIMP: 2.4 + GAP
Licencja: Copyright
Wiadomości: 11
Galeria Użytkownika

Filax


Zobacz profil
« Odpowiedz #39 : 23.07.2008, 21:16:15 »

http://webmaster.helion.pl/kurshtml/bloki/bloki.htm#blok

Uczyłem się z tutoriala Wimmera i jakoś nie mam większych problemów z HTML. Wszystko jasno i klarownie wytłumaczone, ogólnie polecam  Mrugnięcie Wyżej link do sekcji o <div>, raczej krótki, ale nic więcej raczej nie ma do wyjaśniania. Szczególnie fajny jest rozdział o css.
Zapisane
karmazynka
Użytkownik

Reputacja: 6 Offline Offline

Płeć: Kobieta
GIMP: 2.4 + GAP
Licencja: CC-BY-SA
Wiadomości: 315
Galeria Użytkownika



Zobacz profil
« Odpowiedz #40 : 23.07.2008, 23:02:14 »

(Wreszcie ktoś przytoczył kurs Wimmera :-) On jest super - zawsze z niego korzystałam dopóki nie kupiłam tablic CSS (które są jeszcze lepsze bo nie przeciążają PC ;-)))

Bura pierwsza - IE6 pokazuje białe paski między przyciskami (dlatego właśnie nienawidzę cięcia, wyznaję zasadę niewidzialnych warstw)



Można spróbować z CSS (margin: 0px), ale po E można się wszystkiego spodziewać, także tego, że ten eksperyment nie zadziała.

Bura druga: jeśli użytkownik użyje zamiast myszki klawiatury to przyciski się nie podświetlą (użyte zostało zdarzenie 'onmouseover'). Należy w tym przypadku użyć także 'onfocus' o takich samych wartościach (lub, wybierając CSS, :hover i :focus)

Jeśli chodzi o div - nie zobaczysz efektu, póki nie dasz tego do prania. Najprościej jest zobaczyć to przy zamalowaniu tła (po drodze przedstawiłam inny podobny tag - span). <span> da krótką zamalowaną kreskę, a <div> pokoloruje całą linię. Dodatkowo div wywoła nową linię, a <span> - nie.

Zapisane
fixer_33
Użytkownik

Reputacja: 2 Offline Offline

Płeć: Mężczyzna
GIMP: 2.4
JID: xfix@jabber.org
Licencja: Copyright
Wiadomości: 145
Galeria Użytkownika



Zobacz profil
« Odpowiedz #41 : 01.08.2008, 20:29:27 »

Dla mnie to jest bezsens fakt ja kilka lat temu xhtmla uczyłem się z internetowego kursu, ale po przeczytaniu tego napisałem stronę co miała 88 błędów w kodzie w dodatku  była na ramkach. W końcu kupiłem książkę Włodzimierza Gajdy - "HTML, XHTML i CSS" i css xhtml umiem na poziomie experta dodatkowo przeczytałem jeszcze książki o PHP5, PHP i Mysql oraz Javascript. Zrozumiałem, że uczenie się z kursu na necie jest bez sensu bo nie na marne się za te książki płaci. A dodatkowo tekst na monitorze czyta się kilka razy wolniej niż na kartce i wiadomo czytając na monitorze przez kilka godzin psujemy oczy  Język
Zapisane
Strony: 1 2 [3] 4  Wszystkie
DrukujPobierz PDF
Polskie Forum Użytkowników GIMP-aOgólne dyskusjeDyskusjeWebmastering & WebdesignJęzyki InternetuWątek: Strony z obsługą (X)HTML
Skocz do: