Problem z kodem HTML

Dudek77 · 21 Luty 2011

Jakiś czas temu utworzyłam własną stronę internetową na temat Wrocławskich Krasnali. Dopiero się uczę. Włączyłam sobie w Mozilli Firefox dodatek html Validator i ten dodaek pokazał mi, że moja strona ma pełno błędów i zastrzeżeń. Nie znam zbyt dobrze HTML i nie wiem jak mam to poprawić, a chciałabym by strona była bez błędów i zastrzeżeń. Chciałam prosić by ktoś mi pomógł.

Adres mojej strony to http://www.gimzorawina.nazwa.pl/krasnale/

luk1999 · 21 Luty 2011

Musisz czytać to, co wyświetla się przy każdym błędzie. Ustaw kodowanie pliku raczej na UTF8. Używaj jakiegoś przyzwoitego edytora HTML (choćby tego w Netbeans - całkiem przyjemny), korzystaj z wcięć (nawet jakby miały mieć tylko 2 spacje).

Dla przykładu:

line 17 column 24 - Błąd: document type does not allow element "LINK" here
line 17 column 25 - Błąd: character data is not allowed here

Rozwiązanie:

<script type="text/css" src="styl.css"></script>

line 17 column 25 - Błąd: character data is not allowed here

Rozwiązanie: tagi typu META nie powinny znajdować się wewnątrz BODY, a w HEAD.

line 19 column 6 - Błąd: end tag for element "HEAD" which is not open

Rozwiązanie: Zamykasz tag, który nie został otwarty.

line 20 column 35 - Błąd: there is no attribute "LEFTMARGIN"
line 20 column 51 - Błąd: there is no attribute "RIGHTMARGIN"

line 20 column 65 - Błąd: there is no attribute "TOPMARGIN"

line 20 column 82 - Błąd: there is no attribute "BOTTOMMARGIN"

Rozwiązanie: Tag body nie ma takich atrybutów.

I tak dalej...

Dudek77 · 24 Luty 2011

Już trochę poprawiłam kod HTML, ale mam jeszcze jeden problem. Nie wiem, który to kod jest do okienka napisz do mnie (nie chodzi mi tylko o te formułowanie, ale chodzi mi też o kod z tabelką).

Dziękuję za pomoc.

luk1999 · 24 Luty 2011

Zrobiłaś stronę i nie wiesz gdzie coś jest? :unsure:

Zainstaluj sobie wtyczkę FireBug i po prostu kliknij na tym elemencie.

Dudek77 · 26 Luty 2011

Ja się dopiero uczę i korzystałam i nadal korzystam z gotowych kodów. Ten program bardzo mi pomógł. Dziękuję.

Dudek77 · 4 Marzec 2011

Nie poprawnie działa mi ta opcja napisz do mnie. Nie wiem co źle zrobiłam. Nie chcą działać przyciski wyślij i reset.

</script><br>

<br>
Napisz do mnie
<input type="text" style="width: 122px; height: 18px; border: 1px solid rgb(222, 240, 250); line-height: 13px;" onfocus="this.value='';" value="Twoj mail" name="sender"><br>
<input type="text" style="width: 122px; height: 18px; border: 1px solid rgb(222, 240, 250); line-height: 13px;" onfocus="this.value='';" value="Temat wiadomosci" name="subject"><br>
<textarea style="width: 122px; height: 100px; border: 1px solid rgb(222, 240, 250); line-height: 13px;" wrap="off" cols="20" rows="5" name="msg"></textarea><br>
<input type="button" style="font-size: 7pt; font-family: verdana,sans-serif; background: url("http://www.gry.netbus.pl/image/tloprzycisk.png") repeat-x scroll 0% 0% rgb(228, 241, 249); width: 60px; height: 18px; border: 1px solid rgb(235, 235, 235); line-height: 13px;" onclick="wyslij();" value="wyslij">
<input type="reset" style="font-size: 7pt; font-family: verdana,sans-serif; background: url("http://www.gry.netbus.pl/image/tloprzycisk.png") repeat-x scroll 0% 0% rgb(228, 241, 249); width: 60px; height: 18px; border: 1px solid rgb(235, 235, 235); line-height: 13px;" value="reset">
<div id="404kon">trwa inicjalizacja, prosze czekac...<a href=
"http://404bajery.pl">dodatki na bloga</a><script type=
"text/javascript" src=
"http://404bajery.pl/kontakt/kon.php?to=jatonieja@vp.pl&szer=122">
</script>

// Kod dodawaj w bloku

 ... [/color][/b]

Nerio · 4 Marzec 2011

Dwa zamykające znaczniki ?

a nie <script>

Jak dobrze widzę, przycisk wyślij odwołuje się do funkcji wyslij(), masz kod tej funkcji?

luk1999 · 4 Marzec 2011

Jeśli chodzi o przycisk Wyślij, to brakuje funkcji wyslij().

Pod przycisk Reset nic nie podpięłaś (onclick="reset();"). Zresztą nie ma też takiej funkcji...

Dudek77 · 10 Marzec 2011

Proszę abyście napisali mi ten kod poprawiony, bo ja się uczę i nie wiem jak mam to zrobić.

luk1999 · 10 Marzec 2011

Jeśli chodzi o wysyłkę, to po "drugiej stronie" musi być np. jakiś skrypt, który odbierze te dane i zrobi z nimi "magię" (wyśle maila, wrzuci do bazy, itp.).

Ogólnie w google jest masa przykładów po wpisaniu "jscript formularz kontaktowy". Pierwszy lepszy:

http://devplugin.pl/aktualnosci/phpjavascript-formularz-kontaktowy-z-weryfikacja

W sumie to teraz dopiero widzę, że jest tam jakiś kod - podmień e-maila jatonieja@vp.pl na właściwy i umieść pole z tytułem, e-mailem, treścią oraz wyślij i reset w formularzu (

) i nadaj mu id="kontakt". Może to wystarczy.

Dudek77 · 12 Marzec 2011

<form action="jatonieja@vp.pl" method="post">
<h2 class="contact">Kontakt </h2><br class="spacer" />
<label>Imie i Nazwisko</label><br class="spacer" />
<input name="cname" type="text" id="cname" />
<label>Adres Email</label><br class="spacer" />
<input name="email" type="text" id="email" /><br class="spacer" />
<label>Tresc</label><br class="spacer" />
<textarea name="comments" cols="15" rows="5" id="comments"></textarea><br class="spacer" />
<input name="" type="image" src="images/submit_btn.gif" title="Wyslij" class="submit" />
<input name="" type="reset" value="reset" title="Wyczysc" class="reset" />
<br class="spacer" /></form>

Ja nie wiem czy to dobrze robię. Po kliknięciu wyślij wyskakuje mi komunikat (dodany obrazek).

13 Marzec 2011

w action musisz wpakować mailto:jatonieja@vp.pl

Dudek77 · 13 Marzec 2011

To nie jest to co ja chciałam, bo wysyła mi przez program, ale już sobie poradziłam.

<div id="404kon">trwa inicjalizacja, prosze czekac...<a href="http://404bajery.pl">dodatki na bloga</a></div><script type="text/javascript" src="http://404bajery.pl/kontakt/kon.php?to=jatonieja@vp.pl&szer=122"></script>

Dziękuję za pomoc.

Edytowane 13 Marzec 2011 przez Dudek77

Dudek77 · 30 Marzec 2011

<br><embed src="Piosenka o Krasnalach.mp3" autostart=true height="30" width="130">
<br>Napisz do mnie
<div id="404kon">trwa inicjalizacja, prosze czekac...<a href="http://404bajery.pl">dodatki na bloga</a></div><script type="text/javascript" src="http://404bajery.pl/kontakt/kon.php?to=jatonieja@vp.pl&szer=122"></script>
  <script language='javascript'>
		function SprawdzFormularz(f){
		
		if(f.email.value==''){
			alert('Nie podales/as adresu e-mail.');
			return false;
		}
		if( (f.email.value.indexOf('@',1)==-1)||(f.email.value.indexOf('.',1)==-1) ) {
			alert('Podales/as bledny adres e-mail.');
			return false;
		}
	
			if(f.pp.checked==false){
				alert('Musisz zgodzic sie z Polityka Prywatnosci.');
				return false;
			}
		
			return true;

		}
		</script>
			<form action='http://freebot.pl/post.php' name='implebot.plSHOW' method='post' onsubmit='return SprawdzFormularz(this)'>
		<table>

		<input type='hidden' name='uid' value='59608'>
		<td><input type="text" name="email"></td>	
<div id="404l">trwa inicjalizacja, prosze czekac...<a href=
"http://www.gimzorawina.nazwa.pl/krasnale/"><b>konkursy
internetowe</b></a></div>
Zapisz sie na newslettera	<br>Email:
<table bgcolor="#CDCDCD">
<input type='submit' value='Wyslij'><br>
<tr>
Ilosc odwiedzin:<br>
<script type="text/javascript" src=
"http://404bajery.pl/licznik/licz.php?id=16030409&start=0&min=5&mode=views&typ=5">
</script>

Mam problem. Nie wiem co mam zrobić by było wyświetlane na mojej stronie poprawnie tabelki (żeby one nie uciekały). Tabelka z newslettera przesuwa główną tabelkę. Chciałam tą tabelkę zmniejszyć, ale kod width nie działa.

luk1999 · 31 Marzec 2011

Zacznij może od zrobienia porządku z kodem. Między

a

nie powinno być inputa. Poza tym nie zamykasz taga (otwierasz go dwa razy...). Przejrzyj jeszcze raz listę błędów wyświetlanych przez walidator do Firefoxa.

Dudek77 · 2 Kwiecień 2011

Napisz do mnie
<div id="404kon">trwa inicjalizacja, prosze czekac...<a href=
"http://404bajery.pl">dodatki na bloga</a></div>
<script type="text/javascript" src=
"http://404bajery.pl/kontakt/kon.php?to=jatonieja@vp.pl&szer=122">
</script>
<div id="404l">trwa inicjalizacja, prosze czekac...<a href=
"http://www.gimzorawina.nazwa.pl/krasnale/"><b>konkursy
internetowe</b></a></div>
<big>Newsletter</big><br>E-mail:<br>
<script type="text/javascript">
		function SprawdzFormularz(f){
		
		if(f.email.value==''){
			alert('Nie podales/as adresu e-mail.');
			return false;
		}
		if( (f.email.value.indexOf('',1)==-1)||(f.email.value.indexOf('.',1)==-1) ) {
			alert('Podales/as bledny adres e-mail.');
			return false;
		}
	
			return true;

		}
		</script>
<form action='http://freebot.pl/post.php' name='implebot.plSHOW' method='post' onsubmit='return SprawdzFormularz(this)'>
<table width="130" border="0" cellpadding="0"
bgcolor="#CDCDCD" cellspacing="0">
<input type='hidden' name='uid' value='59608'>
<tr><td><input type='text' name='email'></td></tr>
  </table>
<input type='submit' value='Wyslij'>
	
<br>Ilosc odwiedzin:<br>
<script type="text/javascript" src=
"http://404bajery.pl/licznik/licz.php?id=16030409&start=0&min=5&mode=views&typ=5">
</script>

<table width="100%" height="100%" border="0" cellpadding="0"
bgcolor="#CDCDCD" cellspacing="0">
<tr>

Czy tak lepiej? Ale nadal mam to samo te przesunięcie.

Dudek77 · 9 Kwiecień 2011

Już rozwiązałam ten problem w kodzie input było trzeba dopisać kod size.

luk1999 · 9 Kwiecień 2011

Mimo wszystko między

a pierwszym ciągle masz ukrytego inputa. Daj go obok tego widocznego.

Dudek77 · 17 Lipiec 2011

Mam problem. Zrobiłam porządek z moją stroną, ale widzi błędy. Proszę o pomoc.

<embed src="Piosenka%20o%20Krasnalach.mp3" autostart="true" height=
"30" width="130">

 Napisz do mnie<br>
<table class="A" width="140" border="10">
<tr>
<td><script type="text/javascript">
  function SprawdzFormularz(f){
  
  if(f.email.value==''){
   alert('Nie podales/as adresu e-mail.');
   return false;
  }
  if( (f.email.value.indexOf('',1)==-1)||(f.email.value.indexOf('.',1)==-1) ) {
   alert('Podales/as bledny adres e-mail.');
   return false;
  }
 
   return true;

  }
</script></td>
</tr>
<tr>
<td>
<form action="mailto:jatonieja@vp.pl" method="post"></form>

</td>
<td><input type="submit" value="wyslij"> <input type="reset" value=
"wyczysc"></td>
</tr>
</table>

<table width="130">
<tr><td><big>Newsletter</big></td></tr>
<tr><td>E-mail:</td></tr>
</table>
<table width="130" border="10" bgcolor="#CDCDCD">
<script type="text/javascript">
  function SprawdzFormularz(f){
  
  if(f.email.value==''){
   alert('Nie podales/as adresu e-mail.');
   return false;
  }
  if( (f.email.value.indexOf('',1)==-1)||(f.email.value.indexOf('.',1)==-1) ) {
   alert('Podales/as bledny adres e-mail.');
   return false;
  }
 
   return true;

  }
</script>
<form action='http://freebot.pl/post.php' name='implebot.plSHOW'
method='post' onsubmit='return SprawdzFormularz(this)'></form><input type=
'hidden' name='uid' value='59608'>
<tr>
<td><input type='text' name='email' size="12"></td>
</table>
<table width="130">
</tr>
<tr><td><input type='submit' value='Wyslij'></td></tr>
</table>

luk1999 · 17 Lipiec 2011

Co do embed, to jest to przestarzały tag, który w sumie (chyba?) nigdy nie był zgodny ze standardem HTML. Zamiast niego należy użyć object:

<object type="audio/mpeg" data="Piosenka%20o%20Krasnalach.mp3" width="200" height="20">
 <param name="src" value="Piosenka%20o%20Krasnalach.mp3">
 <param name="autoplay" value="true">
 <param name="autoStart" value="1">
 alt : <a href="Piosenka%20o%20Krasnalach.mp3">Piosenka%20o%20Krasnalach.mp3</a>
</object>

Co do drugiego i trzeciego kodu - jakie błędy są wyświetlane? Poza tym zawartość <script>... powinna raczej znaleźć się przed tabelą, a nie w jednej z jej komórek.

Dudek77 · 18 Lipiec 2011

Działa kod z piosenką.

Dałam naprawę kodu i wyświetla mi jeden błąd, ale wyświetla mi to nie prawidłowo.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>pruba</title>
</head>
<body>
Napisz do mnie<br>
<table class="A" width="140" border="10">
<tr>
<td><script type="text/javascript">
  function SprawdzFormularz(f){
  
  if(f.email.value==''){
   alert('Nie podales/as adresu e-mail.');
   return false;
  }
  if( (f.email.value.indexOf('',1)==-1)||(f.email.value.indexOf('.',1)==-1) ) {
   alert('Podales/as bledny adres e-mail.');
   return false;
  }
 
   return true;

  }
</script></td>
</tr>
<tr>
<td>
<form action="mailto:jatonieja@vp.pl" method="post"></form>

</td>
<td><input type="submit" value="wyslij"> <input type="reset" value=
"wyczysc"></td>
</tr>
</table>
<table width="130">
<tr>
<td><big>Newsletter</big></td>
</tr>
<tr>
<td>E-mail:</td>
</tr>
</table>
<script type="text/javascript">
  function SprawdzFormularz(f){
  
  if(f.email.value==''){
   alert('Nie podales/as adresu e-mail.');
   return false;
  }
  if( (f.email.value.indexOf('',1)==-1)||(f.email.value.indexOf('.',1)==-1) ) {
   alert('Podales/as bledny adres e-mail.');
   return false;
  }
 
   return true;

  }
</script>

<form action='http://freebot.pl/post.php' name='implebot.plSHOW'
method='post' onsubmit='return SprawdzFormularz(this)' id=
"implebot.plSHOW"></form>
<form><input type='hidden' name='uid' value='59608'></form>
<table width="130" border="10" bgcolor="#CDCDCD">
<tr>
<td><input type='text' name='email' size="12"></td>
</tr>
</table>
<table width="130">
<tr>
<td><input type='submit' value='Wyslij'></td>
</tr>
</table>
</body>
</html>

Edytowane 18 Lipiec 2011 przez Dudek77

luk1999 · 18 Lipiec 2011

Zmień

Dudek77 · 19 Lipiec 2011

Już błędu niema, ale nie wyświetla mi to poprawnie i nie działa to.

Edytowane 19 Lipiec 2011 przez Dudek77

luk1999 · 21 Lipiec 2011

Tak jak już pisałem, procedura SprawdzFormularz(f) powinna być zadeklarowana jeden raz, a nie dwa razy. No i nie wrzucaj jej w tabelkę - przecież ona tam nie jest do niczego potrzebna.

Poza tym nie rozbijaj formularzy do osobnych pól tabeli.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
 <head>
 <meta http-equiv="content-type" content="text/html; charset=utf-8">
 <meta name="generator" content="PSPad editor, www.pspad.com">
 <title></title>
 </head>
 <body>
 
   <script type="text/javascript">
   function SprawdzFormularz(f){       
     if(f.email.value==''){
       alert('Nie podales/as adresu e-mail.');
       return false;
     }
     if( (f.email.value.indexOf('',1)==-1)||(f.email.value.indexOf('.',1)==-1) ) {
       alert('Podales/as bledny adres e-mail.');
       return false;
     }      
     return true;
   }
   </script>  
 
   <div>Napisz do mnie</div>
   <form action="mailto:jatonieja@vp.pl" method="post">
     <input type="submit" value="wyslij">
     <input type="reset" value="wyczysc">
   </form>
 
   <big>Newsletter</big>
   <div>E-mail:</div>    
   <form action='http://freebot.pl/post.php' name='implebot.plSHOW' method='post' onsubmit='return SprawdzFormularz(this)' id="implebot.plSHOW">
     <input type='hidden' name='uid' value='59608'>
     <input type='text' name='email' size="12">
     <input type='submit' value='Wyslij'>
   </form>
   
 </body>
</html>

Dudek77 · 23 Lipiec 2011

Newsletter działa poprawnie, ale wyświetlają mi się błędy, gdy wstawię to na moją stronę.

Oto te błędy:

     <big>Newsletter</big>
<div>E-mail:</div>
<form action='http://freebot.pl/post.php' name='implebot.plSHOW'
method='post' onsubmit='return SprawdzFormularz(this)' id=
"implebot.plSHOW"><input type='hidden' name='uid' value='59608'>
<input type='text' name='email' size="12"> <input type='submit'
value='Wyslij'></form>

Napisz do mnie też dobrze działa, ale mi nie chodziło o to. Tworzyłam tabelkę, bo to ma wyglądać tak:

Napisz do mnie<br>
<div id="404kon">trwa inicjalizacja, prosze czekac...<a href=
"http://www.404bajery.pl">dodatki na bloga</a></div>

<script type="text/javascript" src=
"http://404bajery.pl/kontakt/kon.php?to=jatonieja@vp.pl&szer=122">
</script>

Ale też się pojawiają błędy.

Problem z kodem HTML

Rekomendowane odpowiedzi

Dudek77 0

Udostępnij tę odpowiedź

Odnośnik do odpowiedzi

Udostępnij na innych stronach

luk1999 17

Udostępnij tę odpowiedź

Odnośnik do odpowiedzi

Udostępnij na innych stronach

Dudek77 0

Udostępnij tę odpowiedź

Odnośnik do odpowiedzi

Udostępnij na innych stronach

luk1999 17

Udostępnij tę odpowiedź

Odnośnik do odpowiedzi

Udostępnij na innych stronach

Dudek77 0

Udostępnij tę odpowiedź

Odnośnik do odpowiedzi

Udostępnij na innych stronach

Dudek77 0

Udostępnij tę odpowiedź

Odnośnik do odpowiedzi

Udostępnij na innych stronach

Nerio 17

Udostępnij tę odpowiedź

Odnośnik do odpowiedzi

Udostępnij na innych stronach

luk1999 17

Udostępnij tę odpowiedź

Odnośnik do odpowiedzi

Udostępnij na innych stronach

Dudek77 0

Udostępnij tę odpowiedź

Odnośnik do odpowiedzi

Udostępnij na innych stronach

luk1999 17

Udostępnij tę odpowiedź

Odnośnik do odpowiedzi

Udostępnij na innych stronach

Dudek77 0

Udostępnij tę odpowiedź

Odnośnik do odpowiedzi

Udostępnij na innych stronach

Gość Clamoor

Udostępnij tę odpowiedź

Odnośnik do odpowiedzi

Udostępnij na innych stronach

Dudek77 0

Udostępnij tę odpowiedź

Odnośnik do odpowiedzi

Udostępnij na innych stronach

Dudek77 0

Udostępnij tę odpowiedź

Odnośnik do odpowiedzi

Udostępnij na innych stronach

luk1999 17

Udostępnij tę odpowiedź

Odnośnik do odpowiedzi

Udostępnij na innych stronach

Dudek77 0

Udostępnij tę odpowiedź

Odnośnik do odpowiedzi

Udostępnij na innych stronach

Dudek77 0

Udostępnij tę odpowiedź

Odnośnik do odpowiedzi

Udostępnij na innych stronach

luk1999 17

Udostępnij tę odpowiedź

Odnośnik do odpowiedzi

Udostępnij na innych stronach

Dudek77 0

Udostępnij tę odpowiedź

Odnośnik do odpowiedzi

Udostępnij na innych stronach

luk1999 17

Udostępnij tę odpowiedź