Skocz do zawartości
Forum komputerowe PC Centre
Dudek77

Problem z kodem HTML

Rekomendowane odpowiedzi

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:

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

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

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>

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

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.

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

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.

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

W styl.css w drugiej linii dodaj:

height: 100%

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

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 przez Dudek77

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

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

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

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 przez Dudek77

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

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

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

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:

 

Problem z kodem HTML 1

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

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.

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

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.

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

Dziękuję bardzo fajny Walidator. smile.png

 

<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 przez Dudek77

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

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

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

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.

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Gość
Dodaj odpowiedź do tematu...

×   Wklejono zawartość z formatowaniem.   Usuń formatowanie

  Dozwolonych jest tylko 75 emoji.

×   Odnośnik został automatycznie osadzony.   Przywróć wyświetlanie jako odnośnik

×   Przywrócono poprzednią zawartość.   Wyczyść edytor

×   Nie możesz bezpośrednio wkleić grafiki. Dodaj lub załącz grafiki z adresu URL.

Ładowanie

×
×
  • Dodaj nową pozycję...