Problem z kodem HTML

luk1999 · 23 Lipiec 2011

Wystarczy dodać style i formularze będą tak wyglądać:

<!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>

   <style type="text/css">
     form {
       margin: 15px 0;
       padding: 0;
       width: 150px;        
     }
     form input {
       float: left;
     }        
   </style>  
 
 </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='text' name='email' size="12">
     <input type='text' name='subject' size="12">
     <textarea rows="3" cols="10"></textarea>
     <input type="submit" value="wyslij">
     <input type="reset" value="wyczysc">
   </form>
 
   <br>
   <div><big>Newsletter</big></div>
   <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>

A błędy pojawiają się, bo:

Masz dwa razy znacznik
ID diva nie może zaczynać się od cyfry/liczby (może być kon404, ale nie może być 404kon)

Dudek77 · 23 Lipiec 2011

Ja chciałam by po uzupełnieniu tej tabelki i po kliknięciu wyślij, żeby wysłało i nic więcej nie uruchamiało.

Sam kod jest bezbłędny, ale gdy wrzucę go na moją stronę to pokazują się błędy.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<link rel="stylesheet" type="text/css" href="styl.css">
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="generator" content="PSPad editor, www.pspad.com">
<title>Wroclawskie Krasnale</title>
</head>
<body>
<center><img src="3.JPG" align="top" alt="#########"></center>
<center>
<table class="B" border="0" width="1000" cellpadding="0"
cellspacing="0">
<tr>
<td width="30" valign="top"><big><a href=
"http://www.krasnalove.fora.pl/">Forum Krasnalove</a><br>

<object type="audio/mpeg" data="Piosenka%20o%20Krasnalach.mp3" width="145" height="18">
 <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><br>
Krasnali jest juz okolo <img src="Liczba.JPG" alt="" width="40"
height="15"><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>
</big>
<table class="A" border="10">
<tr>
<td><img src="Obrazki/Zdjecieglowne.JPG" alt="" width="120" height=
"134"></td>
</tr>
<tr>
<td bgcolor="#F0F0F0" height="30" style=
"cursor: hand; padding-left:5;" onmouseover='onColor(this);'
onmouseout='offColor(this)'><center><a href="index.html">Strona glowna</a>
</center>
</td>
</tr>

<tr>
<td bgcolor="#F0F0F0" height="30" style=
"cursor: hand; padding-left:5;" onmouseover='onColor(this);'
onmouseout='offColor(this)'>
<center><a href="Aktualnosci.html">Aktualnosci</a></center>
</td>
</tr>
<tr>
<td bgcolor="#F0F0F0" height="30" style=
"cursor: hand; padding-left:5;" onmouseover='onColor(this);'
onmouseout='offColor(this)'>
<center><a href="lista-krasnali-i-zdjecia.index.html">Lista i
zdjecia</a></center>
</td>
</tr>
<tr>
<td bgcolor="#F0F0F0" height="30" style=
"cursor: hand; padding-left:5;" onmouseover='onColor(this);'
onmouseout='offColor(this)'>
<center><a href="Cos-wiecej.html">Dowiedz sie czegos
wiecej</a></center>
</td>

</tr>
<tr>
<td bgcolor="#F0F0F0" height="30" style=
"cursor: hand; padding-left:5;" onmouseover='onColor(this);'
onmouseout='offColor(this)'>
<center><a href="Linki.html">Linki</a></center>
</td>
</tr>
<tr>
<td bgcolor="#F0F0F0" height="30" style=
"cursor: hand; padding-left:5;" onmouseover='onColor(this);'
onmouseout='offColor(this)'>
<center><a href="Wroclaw.html">Wroclaw</a></center>
</td>
</tr>
<tr>
<td bgcolor="#F0F0F0" height="30" style=
"cursor: hand; padding-left:5;" onmouseover='onColor(this);'
onmouseout='offColor(this)'>
<center><a href="Kontakt.html">Kontakt</a></center>
</td>
</tr>
</table>
</td>
<td>
<table class="A" border="10" width="493" cellpadding="0"
cellspacing="0">

<tr>
<td><br>
<center><big><big><big>Na tej stronie znajduje sie wszystko na
temat Wroclawskich Krasnali.</big></big></big></center>
<center><img src="Obrazki/22.JPG" alt="" width="200" height="134">
<img src="Obrazki/15.JPG" alt="" width="200" height="134"><br>
<img src="Obrazki/24.JPG" alt="" width="200" height="150">
<img src="Obrazki/25.JPG" alt="" width="158" height=
"200"><br></center>
<center><big><small><small>Informacje z ksiazki "Magiczny Wroclaw
Mapa 123 Wroclawskich krasnali"</small></small><br></big></center>
<p><big>"Od wielu wiekow Wroclaw jest <b>Miastem Krasnali</b>.
Mieszkancy Wroclawia wybudowali wokol <b>Rynku</b> wspaniale,
kolorowe kamienice, a krasnale w tym czasie drazyly pod miastem
podziemne korytarze - w poszukiwaniu <b>skarbow, diamentow i
zlota!</b></big></p>

<p><big>Niestety, krasnale moga zyc jedynie pod ziemia - gdy ktorys
z nich odwazy sie wyjsc na powierzchnie, w ciagu kilku
<b>Anochwil*</b> zamienia sie w posag! <b>Czar</b> ten przestaje
dzialac <b>29</b> lutego, lecz tylko na 4 minuty!"<br></big></p>
<p><big><b>"Spioch</b> - Przy ulicy Swietego Mikolaja, na tylach
zabytkowych kamieniczek "Jas i Malgosia" znajduje sie wejscie do
Osady Krasnoludkow. Wejscia do Osady pilnuje Krasnal Spioch. Na
szczescie nie jest zbyt czujny. Gdy cicho na paluszkach
podejdziecie do niego i spojrzycie przez dziurke od klucza, byc
moze zobaczycie<br></big></p>
<center><big><big><b><a href="Cos-wiecej.html">Magiczny Swiat
Krasnoludkow..."</a></b></big></big></center>

<br>
<p><b>"*Anochwila</b> - moment, w ktorym zakochujesz sie we
Wroclawiu i jesli jestes Krasnoludkiem stajesz sie atrakcja
turystyczna :-)"</p>
</td>
</tr>
</table>
<table class="A" border="2" width="493" cellpadding="0"
cellspacing="0">
<tr>
<td>
<center>©Design by <b><a href=
"http://webmade.org/grafika/szablon-12.php">Szablony.Maniak.Pl</a></b>.</center>
</td>
</tr>

</table>
</td>
</tr>
</table>
</center>
</body>
</html>

luk1999 · 24 Lipiec 2011

Chodzi ci o te błędy z niewłaściwym miejscem wstawienia tagu?

Zostawiłbym to w spokoju, jeśli strona działa poprawnie. Żeby je usunąć trzeba zrobić stronę bez użycia tabel, na divach - tak jak wcześniej pokazałem ci z formularzem.

Dudek77 · 25 Lipiec 2011

Tak są tylko te błędy. Dam sobie z nimi spokój, ale wyskoczył inny problem.

Bez%2525C2%2525A0tytu%2525C5%252582u.jpg

Jak mam zrobić by nie było tej przerwy między ramką po prawej, a z obrazkiem na górze??? Próbowałam valling="top", ale to nie działa.

luk1999 · 25 Lipiec 2011

W styl.css w drugiej linii dodaj:

height: 100%

Dudek77 · 26 Lipiec 2011

Z twoim kodem na napisz do mnie działało, ale ja chciałam ten mój i wtedy przestało działać.

<br>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>

Edytowane 26 Lipiec 2011 przez Dudek77

luk1999 · 27 Lipiec 2011

Możesz wkleić cały kod (ten, który nie działa)?

Dudek77 · 28 Lipiec 2011

Zastosowałam dwa kody, które znam i żaden nie chcia działać. Przerwa jak była tak jest (między główną tabelką, a obrazkiem na samym górze).

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<link rel="stylesheet" type="text/css" href="styl.css">
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="generator" content="PSPad editor, www.pspad.com">
<title>Wroclawskie Krasnale</title>
</head>
<body>
<center><img src="3.JPG" align="top" alt="#########"></center>
<center>
<table class="B" border="0" width="1000" cellpadding="0"
cellspacing="0">
<tr>
<td width="30" valign="top"><big><a href=
"http://www.krasnalove.fora.pl/">Forum Krasnalove</a><br>
<object type="audio/mpeg" data="Piosenka%20o%20Krasnalach.mp3" width="145" height="18">
 <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><br>
Krasnali jest juz okolo <img src="Liczba.JPG" alt="" width="40"
height="15">
<div><big>Newsletter</big></div>
<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>
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>
</big>
<br>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>
<table class="A" border="10">
<tr>
<td><img src="Obrazki/Zdjecieglowne.JPG" alt="" width="120" height=
"134"></td>
</tr>
<tr>
<td bgcolor="#F0F0F0" height="30" style=
"cursor: hand; padding-left:5;" onmouseover='onColor(this);'
onmouseout='offColor(this)'><center><a href="index.html">Strona glowna</a>
</center>
</td>
</tr>
<tr>
<td bgcolor="#F0F0F0" height="30" style=
"cursor: hand; padding-left:5;" onmouseover='onColor(this);'
onmouseout='offColor(this)'>
<center><a href="Aktualnosci.html">Aktualnosci</a></center>
</td>
</tr>
<tr>
<td bgcolor="#F0F0F0" height="30" style=
"cursor: hand; padding-left:5;" onmouseover='onColor(this);'
onmouseout='offColor(this)'>
<center><a href="lista-krasnali-i-zdjecia.index.html">Lista i
zdjecia</a></center>
</td>
</tr>
<tr>
<td bgcolor="#F0F0F0" height="30" style=
"cursor: hand; padding-left:5;" onmouseover='onColor(this);'
onmouseout='offColor(this)'>
<center><a href="Cos-wiecej.html">Dowiedz sie czegos
wiecej</a></center>
</td>
</tr>
<tr>
<td bgcolor="#F0F0F0" height="30" style=
"cursor: hand; padding-left:5;" onmouseover='onColor(this);'
onmouseout='offColor(this)'>
<center><a href="Linki.html">Linki</a></center>
</td>
</tr>
<tr>
<td bgcolor="#F0F0F0" height="30" style=
"cursor: hand; padding-left:5;" onmouseover='onColor(this);'
onmouseout='offColor(this)'>
<center><a href="Wroclaw.html">Wroclaw</a></center>
</td>
</tr>
<tr>
<td bgcolor="#F0F0F0" height="30" style=
"cursor: hand; padding-left:5;" onmouseover='onColor(this);'
onmouseout='offColor(this)'>
<center><a href="Kontakt.html">Kontakt</a></center>
</td>
</tr>
</table>
</td>
<td>
<table class="A" border="10" width="493" cellpadding="0"
cellspacing="0">
<tr>
<td valling="top"><br>
<center><big><big><big>Na tej stronie znajduje sie wszystko na
temat Wroclawskich Krasnali.</big></big></big></center>
<center><img src="Obrazki/22.JPG" alt="" width="200" height="134">
<img src="Obrazki/15.JPG" alt="" width="200" height="134"><br>
<img src="Obrazki/24.JPG" alt="" width="200" height="150">
<img src="Obrazki/25.JPG" alt="" width="158" height=
"200"><br></center>
<center><big><small><small>Informacje z ksiazki "Magiczny Wroclaw
Mapa 123 Wroclawskich krasnali"</small></small><br></big></center>
<p><big>"Od wielu wiekow Wroclaw jest <b>Miastem Krasnali</b>.
Mieszkancy Wroclawia wybudowali wokol <b>Rynku</b> wspaniale,
kolorowe kamienice, a krasnale w tym czasie drazyly pod miastem
podziemne korytarze - w poszukiwaniu <b>skarbow, diamentow i
zlota!</b></big></p>
<p><big>Niestety, krasnale moga zyc jedynie pod ziemia - gdy ktorys
z nich odwazy sie wyjsc na powierzchnie, w ciagu kilku
<b>Anochwil*</b> zamienia sie w posag! <b>Czar</b> ten przestaje
dzialac <b>29</b> lutego, lecz tylko na 4 minuty!"<br></big></p>
<p><big><b>"Spioch</b> - Przy ulicy Swietego Mikolaja, na tylach
zabytkowych kamieniczek "Jas i Malgosia" znajduje sie wejscie do
Osady Krasnoludkow. Wejscia do Osady pilnuje Krasnal Spioch. Na
szczescie nie jest zbyt czujny. Gdy cicho na paluszkach
podejdziecie do niego i spojrzycie przez dziurke od klucza, byc
moze zobaczycie<br></big></p>
<center><big><big><b><a href="Cos-wiecej.html">Magiczny Swiat
Krasnoludkow..."</a></b></big></big></center>
<br>
<p><b>"*Anochwila</b> - moment, w ktorym zakochujesz sie we
Wroclawiu i jesli jestes Krasnoludkiem stajesz sie atrakcja
turystyczna :-)"</p>
</td>
</tr>
</table>
<table class="A" border="2" width="493" cellpadding="0"
cellspacing="0">
<tr>
<td>
<center>©Design by <b><a href=
"http://webmade.org/grafika/szablon-12.php">Szablony.Maniak.Pl</a></b>.</center>
</td>
</tr>
</table>
</td>
</tr>
</table>
</center>
</body>
</html>

styl.css

TD {
COLOR: #000000; FONT-FAMILY: Monotype Corsiva, Arial, Verdana, Helvetica, sans-serif; FONT-SIZE: 14px;
 height: 100%;      
}
.text {
COLOR: #000000; FONT-FAMILY: Monotype Corsiva, Arial, Verdana Helvetica, sans-serif; FONT-SIZE: 15px

}
BODY {
background-color:#00bf00; FONT-FAMILY: Monotype Corsiva, Arial, Verdana, Helvetica, sans-serif; FONT-SIZE: 14px;
}
A {
COLOR: #666666; TEXT-DECORATION: none
}
A:hover {
COLOR: #001109; TEXT-DECORATION: none
}
A.design {
COLOR: #EFEFEF; TEXT-DECORATION: none
}
A:hover.design {
COLOR: #D8D8D8; TEXT-DECORATION: none
}
H1 {
COLOR: white; FONT-FAMILY: Monotype Corsiva, Arial, Verdana, Helvetica, sans-serif; FONT-SIZE: 17px

}
H2 {
COLOR: #000000; FONT-FAMILY: Monotype Corsiva, Arial, Verdana, Helvetica, sans-serif; FONT-SIZE: 17px; FONT-WEIGHT: bold; MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
P {
LINE-HEIGHT: 14px; MARGIN: 2px 7px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px
}
.tytul {
COLOR: white; FONT-FAMILY: Monotype Corsiva, Arial, Verdana, Helvetica, sans-serif; FONT-SIZE: 14px
}
.smallHD {
COLOR: #666699; FONT-FAMILY: Monotype Corsiva, Arial, Helvetica, sans-serif; FONT-SIZE: 13px; MARGIN-BOTTOM: 3px; MARGIN-TOP: 0px; PADDING-BOTTOM: 3px; PADDING-TOP: 0px; TEXT-TRANSFORM: uppercase
}
.smallHDD {
COLOR: #666666; FONT-FAMILY: Monotype Corsiva, Arial, Helvetica, sans-serif; FONT-SIZE: 13px; MARGIN-BOTTOM: 3px; MARGIN-TOP: 0px; PADDING-BOTTOM: 3px; PADDING-TOP: 0px; TEXT-TRANSFORM: uppercase
}
.tab {
COLOR: #666699; FONT-FAMILY: Monotype Corsiva, Arial, Helvetica, sans-serif; FONT-SIZE: 13px; MARGIN-BOTTOM: 3px; MARGIN-TOP: 0px; PADDING-BOTTOM: 3px; PADDING-TOP: 0px; TEXT-ALIGN: center; TEXT-TRANSFORM: uppercase
}
.A {
background-color: White;
}
.B {
margin-left:272px;
}
.C {
margin-left:30px;
}

Edytowane 28 Lipiec 2011 przez Dudek77

luk1999 · 2 Sierpień 2011

Przepraszam, miałem wcześniej odpisać, ale wyleciało mi z głowy.

Chodzi o główną stronę: http://www.gimzorawi...wa.pl/krasnale/ ?

Wystarczy wrzucić height=100% w odpowiednim miejscu: http://img844.imageshack.us/img844/5522/beztytuuelt.jpg

Dudek77 · 3 Sierpień 2011

Działa, ale mam przerwę między tabelką, a tekstem. http://gimzorawina.n...le/Wroclaw.html

To jest na kilku stronach i jest to w styl.css, tylko nie wiem dokładnie który to kod.

Edytowane 3 Sierpień 2011 przez Dudek77

luk1999 · 3 Sierpień 2011

Generalnie to tabelki nie służą do budowania strony... Najlepiej byłoby to zrobić na divach.

Przykładowa struktura:

<body>
 <div id="header">
<img src="Wroclawskie%20Krasnale_pliki/3.JPG" alt="#########">
 </div>
 <div class="clear"></div>
 <div id="content">
   <div id="left">
   </div>
   <div id="right">
   </div>
   <div class="clear"></div>
 </div>
 <div class="clear"></div>
 <div id="footer">
©Design by <b><a href="http://webmade.org/grafika/szablon-12.php">Szablony.Maniak.Pl</a></b>
 </div>
</body>

W header wrzucasz górny obrazek. Content to zawartość strony (left - lewa kolumna z menu, right - treść). Footer to stopka. Clear powinien zapobiec rozjeżdżaniu się strony pod niektórymi przeglądarkami.

Przykładowy html:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head>
<link rel="stylesheet" type="text/css" href="Wroclawskie%20Krasnale_pliki/styl.css">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta name="generator" content="PSPad editor, www.pspad.com">
<title>Wroclawskie Krasnale</title>
</head>
<body>


<div id="header">
<img src="Wroclawskie%20Krasnale_pliki/3.JPG" alt="#########">
</div>
<div class="clear"></div>
<div id="content">
<div id="left">

<big><a href="http://www.krasnalove.fora.pl/">Forum Krasnalove</a><br>

<object type="audio/mpeg" data="Wroclawskie%20Krasnale_pliki/Piosenka%2520o%2520Krasnalach.mp3" height="18" width="145">
<param name="src" value="Piosenka%20o%20Krasnalach.mp3">
<param name="autoplay" value="true">
<param name="autoStart" value="1">
alt : <a href="http://www.gimzorawina.nazwa.pl/krasnale/Piosenka%20o%20Krasnalach.mp3">Piosenka%20o%20Krasnalach.mp3</a>
</object><br>
Krasnali jest juz okolo <img src="Wroclawskie%20Krasnale_pliki/Liczba.JPG" alt="" height="15" width="40">
<div><big>Newsletter</big></div>
<div>E-mail:</div>
<form action="http://freebot.pl/post.php" name="implebot.plSHOW" method="post" onsubmit="return SprawdzFormularz(this)" id="implebot.plSHOW">
<input name="uid" value="59608" type="hidden">
<input name="email" size="12" type="text">
<input value="Wyslij" type="submit">
</form>
Ilosc odwiedzin:<br>
<script type="text/javascript" src="Wroclawskie%20Krasnale_pliki/licz.js">
</script><a href="http://404bajery.pl/" target="_blank"><img src="Wroclawskie%20Krasnale_pliki/0.gif" border="0"><img src="Wroclawskie%20Krasnale_pliki/7.gif" border="0"><img src="Wroclawskie%20Krasnale_pliki/5.gif" border="0"><img src="Wroclawskie%20Krasnale_pliki/9.gif" border="0"><img src="Wroclawskie%20Krasnale_pliki/1.gif" border="0"></a>
</big>
<br>Napisz do mnie
<div id="404kon"></div>

<script type="text/javascript" src="Wroclawskie%20Krasnale_pliki/kon.js">
</script><div id="con"><form name="kontakt"><br><input name="sender" value="Twoj mail" onfocus="this.value='';" style="width: 122px; height: 18px; border: 1px solid rgb(222, 240, 250); line-height: 13px;" type="text"><br><input name="subject" value="Temat wiadomosci" onfocus="this.value='';" style="width: 122px; height: 18px; border: 1px solid rgb(222, 240, 250); line-height: 13px;" type="text"><br><textarea name="msg" rows="5" cols="20" wrap="off" style="width: 122px; height: 100px; border: 1px solid rgb(222, 240, 250); line-height: 13px;"></textarea><br> <input value="wyslij" onclick="wyslij();" 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;" type="button"> <input value="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;" type="reset"></form></div>
<table class="A" border="10">
<tbody><tr>
<td><img src="Wroclawskie%20Krasnale_pliki/Zdjecieglowne.JPG" alt="" height="134" width="120"></td>
</tr>
<tr>
<td style="padding-left: 5px;" onmouseover="onColor(this);" onmouseout="offColor(this)" bgcolor="#F0F0F0" height="30"><center><a href="http://www.gimzorawina.nazwa.pl/krasnale/index.html">Strona glowna</a>
</center>
</td>
</tr>

<tr>
<td style="padding-left: 5px;" onmouseover="onColor(this);" onmouseout="offColor(this)" bgcolor="#F0F0F0" height="30">
<center><a href="http://www.gimzorawina.nazwa.pl/krasnale/Aktualnosci.html">Aktualnosci</a></center>
</td>
</tr>
<tr>
<td style="padding-left: 5px;" onmouseover="onColor(this);" onmouseout="offColor(this)" bgcolor="#F0F0F0" height="30">
<center><a href="http://www.gimzorawina.nazwa.pl/krasnale/lista-krasnali-i-zdjecia.index.html">Lista i
zdjecia</a></center>
</td>
</tr>
<tr>
<td style="padding-left: 5px;" onmouseover="onColor(this);" onmouseout="offColor(this)" bgcolor="#F0F0F0" height="30">
<center><a href="http://www.gimzorawina.nazwa.pl/krasnale/Cos-wiecej.html">Dowiedz sie czegos
wiecej</a></center>
</td>

</tr>
<tr>
<td style="padding-left: 5px;" onmouseover="onColor(this);" onmouseout="offColor(this)" bgcolor="#F0F0F0" height="30">
<center><a href="http://www.gimzorawina.nazwa.pl/krasnale/Linki.html">Linki</a></center>
</td>
</tr>
<tr>
<td style="padding-left: 5px;" onmouseover="onColor(this);" onmouseout="offColor(this)" bgcolor="#F0F0F0" height="30">
<center><a href="http://www.gimzorawina.nazwa.pl/krasnale/Wroclaw.html">Wroclaw</a></center>
</td>
</tr>
<tr>
<td style="padding-left: 5px;" onmouseover="onColor(this);" onmouseout="offColor(this)" bgcolor="#F0F0F0" height="30">
<center><a href="http://www.gimzorawina.nazwa.pl/krasnale/Kontakt.html">Kontakt</a></center>
</td>
</tr>
</tbody></table>

</div>
<div id="right">

<br>
<center><big><big><big>Na tej stronie znajduje sie wszystko na
temat Wroclawskich Krasnali.</big></big></big></center>
<center><img src="Wroclawskie%20Krasnale_pliki/22.JPG" alt="" height="134" width="200">
<img src="Wroclawskie%20Krasnale_pliki/15.JPG" alt="" height="134" width="200"><br>
<img src="Wroclawskie%20Krasnale_pliki/24.JPG" alt="" height="150" width="200">
<img src="Wroclawskie%20Krasnale_pliki/25.JPG" alt="" height="200" width="158"><br></center>
<center><big><small><small>Informacje z ksiazki "Magiczny Wroclaw
Mapa 123 Wroclawskich krasnali"</small></small><br></big></center>
<p><big>"Od wielu wiekow Wroclaw jest <b>Miastem Krasnali</b>.
Mieszkancy Wroclawia wybudowali wokol <b>Rynku</b> wspaniale,
kolorowe kamienice, a krasnale w tym czasie drazyly pod miastem
podziemne korytarze - w poszukiwaniu <b>skarbow, diamentow i
zlota!</b></big></p>

<p><big>Niestety, krasnale moga zyc jedynie pod ziemia - gdy ktorys
z nich odwazy sie wyjsc na powierzchnie, w ciagu kilku
<b>Anochwil*</b> zamienia sie w posag! <b>Czar</b> ten przestaje
dzialac <b>29</b> lutego, lecz tylko na 4 minuty!"<br></big></p>
<p><big><b>"Spioch</b> - Przy ulicy Swietego Mikolaja, na tylach
zabytkowych kamieniczek "Jas i Malgosia" znajduje sie wejscie do
Osady Krasnoludkow. Wejscia do Osady pilnuje Krasnal Spioch. Na
szczescie nie jest zbyt czujny. Gdy cicho na paluszkach
podejdziecie do niego i spojrzycie przez dziurke od klucza, byc
moze zobaczycie<br></big></p>
<center><big><big><b><a href="http://www.gimzorawina.nazwa.pl/krasnale/Cos-wiecej.html">Magiczny Swiat
Krasnoludkow..."</a></b></big></big></center>

<br>
<p><b>"*Anochwila</b> - moment, w ktorym zakochujesz sie we
Wroclawiu i jesli jestes Krasnoludkiem stajesz sie atrakcja
turystyczna :-)"</p>

</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
<div id="footer">
©Design by <b><a href="http://webmade.org/grafika/szablon-12.php">Szablony.Maniak.Pl</a></b>
</div>

</body></html>

Styl.css po modyfikacjach:

TD {
COLOR: #000000; FONT-FAMILY: Monotype Corsiva, Arial, Verdana, Helvetica, sans-serif; FONT-SIZE: 14px;
height: 100%;
}
.text {
COLOR: #000000; FONT-FAMILY: Monotype Corsiva, Arial, Verdana Helvetica, sans-serif; FONT-SIZE: 15px

}
A {
COLOR: #666666; TEXT-DECORATION: none
}
A:hover {
COLOR: #001109; TEXT-DECORATION: none
}
A.design {
COLOR: #EFEFEF; TEXT-DECORATION: none
}
A:hover.design {
COLOR: #D8D8D8; TEXT-DECORATION: none
}
H1 {
COLOR: white; FONT-FAMILY: Monotype Corsiva, Arial, Verdana, Helvetica, sans-serif; FONT-SIZE: 17px

}
H2 {
COLOR: #000000; FONT-FAMILY: Monotype Corsiva, Arial, Verdana, Helvetica, sans-serif; FONT-SIZE: 17px; FONT-WEIGHT: bold; MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
P {
LINE-HEIGHT: 14px; MARGIN: 2px 7px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px
}
.tytul {
COLOR: white; FONT-FAMILY: Monotype Corsiva, Arial, Verdana, Helvetica, sans-serif; FONT-SIZE: 14px
}
.smallHD {
COLOR: #666699; FONT-FAMILY: Monotype Corsiva, Arial, Helvetica, sans-serif; FONT-SIZE: 13px; MARGIN-BOTTOM: 3px; MARGIN-TOP: 0px; PADDING-BOTTOM: 3px; PADDING-TOP: 0px; TEXT-TRANSFORM: uppercase
}
.smallHDD {
COLOR: #666666; FONT-FAMILY: Monotype Corsiva, Arial, Helvetica, sans-serif; FONT-SIZE: 13px; MARGIN-BOTTOM: 3px; MARGIN-TOP: 0px; PADDING-BOTTOM: 3px; PADDING-TOP: 0px; TEXT-TRANSFORM: uppercase
}
.tab {
COLOR: #666699; FONT-FAMILY: Monotype Corsiva, Arial, Helvetica, sans-serif; FONT-SIZE: 13px; MARGIN-BOTTOM: 3px; MARGIN-TOP: 0px; PADDING-BOTTOM: 3px; PADDING-TOP: 0px; TEXT-ALIGN: center; TEXT-TRANSFORM: uppercase
}
.A {
background-color: White;
}

.clear {
clear: both !important;
display: block !important;
float: none !important;
}
body {
background-color: #00bf00;
FONT-FAMILY: Monotype Corsiva, Arial, Verdana, Helvetica, sans-serif;
FONT-SIZE: 14px;
margin: 0 auto;
min-height: 10px;
width: 717px;
}
#header {
background-color: white;
padding-left: 17px;
width: 700px;
}
#content {
background-color: white;
}
#content #left {
background-color: #00bf00;
float: left;
width: 150px;
}
#content #right {
border-left: 1px solid;
border-right: 1px solid;
border-bottom: 1px solid;
float: left;
width: 492px;
}
#footer {
background-color: white;
border: 1px solid;
text-align: center;
}

Tak wygląda strona po modyfikacjach:

Dudek77 · 8 Sierpień 2011

Wole na razie nie korzystać z kodu Div, gdyż zbyt dobrze go nie znam.

Udało mi się pozbyć tych przesunięć. Dodałam w odpowiednich miejscach kody

width:100% i height:100%

.

Dziękuję za wszystkie rady i za wszelką pomoc.

Dudek77 · 10 Sierpień 2011

Dla zainteresowanych dodam odpowiedź.

Moja strona dobrze się układała tylko na niektórych komputerach. Chciałam by wszędzie się dobrze układała. Myślałam długo i nie potrafiłam niczego wymyślić, ale w końcu tata z bratem wpadli na dobry pomysł. By tą tabelkę i obrazek nad tabelką dać do jednej tabelki i wszystko ładni9e formatować. Zrobiłam tak i działa wszystko. Najtrudniej jest znaleźć najprostsze rozwiązanie.

Geo · 19 Sierpień 2011

Pamiętaj też o bardzo przydatnym narzędziu webmasterów - validatorze W3C:

http://validator.w3.org/

Dudek77 · 14 Styczeń 2012

Dziękuję bardzo fajny Walidator.

<object type="audio/mpeg" data="Piosenka%20o%20Krasnalach.mp3" width="145" height="18">
 <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><br>

Kiedyś ten kod działał. Teraz gdy uaktualniłam QuickTime to przestał mi działać. Teraz wyświetla mi alt : Piosenka%20o%20Krasnalach.mp3 na to podkreślone można kliknąć i wtedy ściąga się plik. Jest to w kolorze niebieskim. Jak można to naprawić by poprawnie odtwarzał mi muzykę.

Edytowane 14 Styczeń 2012 przez Dudek77

Dudek77 · 29 Marzec 2012

Moja strona w każdej przeglądarce wygląda inaczej. O co chodzi??? www.gimzorawina.nazwa.pl/krasnale

luk1999 · 29 Marzec 2012

Zależy w jakich przeglądarkach sprawdzasz. Generalnie jeśli strona działa dobrze pod nowszymi FireFoxami, to (na 95%) nie powinna się rozjechać pod Operą, Chrome czy IE9. Pod struclami w rodzaju IE6 czy IE7 może jednak rozlecieć się totalnie.

Problem z kodem HTML

Rekomendowane odpowiedzi

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

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

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

Geo 9

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

Przeglądaj

Aktywność