Ta strona używa ciasteczek (cookies), dzięki którym nasz serwis może działać lepiej. Dowiedz się więcej OK, rozumiem

[html i css] dużo błędów w kodzie

Zaczynasz dopiero swoją przygodę z HTML'em? A może mimo swojego doświadczenia natknąłeś się na jakiś problem? Tutaj na pewno znajdziesz pomoc.

[html i css] dużo błędów w kodzie

Post 24.07.2008, 20:25:40

witam, podobno w moim kodzie jest bardzo dużo błędów.
zobaczcie jak to wygląda i napiszcie co jest nie tak - wszelkie błędy, literówki, jakieś przestarzałe znaczniki, itp.

z góry dzięki za pomoc

index.html
Kod: Zaznacz cały
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
<title>Tytuł w pasku u góry w przeglądarce.</title>
<meta name="Description" content="Opis strony.">
<meta name="Keywords" content="slowa, kluczowe,">
<meta http-equiv="Content-Language" content="pl">
<meta name="author" content="tomasz">
<link rel="Stylesheet" type="text/css" href="style.css">
</head>

<body>

<div class="tot">

<img class="logo" src="logo.jpg" alt="">

<div class="tlo_tytul_gora"><div class="tekst_tytul_gora">Newsy</div></div>

<div class="menu_lewe">
<script type="text/javascript" src="menu_lewe.js">
</script>
</div>

<div class="menu_prawe"><script type="text/javascript" src="menu_prawe.js">
</script>
</div>

<div class="tresc">
<div class="news">
<div class="tytul_newsa">
Zmiana szaty graficznej strony.
</div>
<div class="data_newsa">
22 lipca 2008
</div>
<div class="tresc_newsa">
<p>Treść newsa treść newsa treść newsa treść newsa treść newsa</p>
</div>
</div>
jakiś tekst jakiś tekst jakiś tekst jakiś tekst
...
jakiś tekst tekst jakiś tekst jakiś tekst jakiś tekst
</div>
</div>
</body>
</html>


style.css
Kod: Zaznacz cały
body
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10pt;
   color: black;
   background-color: #003868;
}

.tot
{   
   background-color: white;
   margin-left: 8%;
   margin-right: 8%;
   border-left-style: double;
   border-right-style: double;
   border-bottom-style: double;
}

.logo
{
   width: 100%;
}

.tlo_tytul_gora
{
   background-image: url(tlo_tytul_gora.png);
   background-position: center;
   background-repeat: no-repeat;
   height: 66px;
   position: relative;
   top: -9px;
   z-index: 2;
}

.tekst_tytul_gora
{
   color: white;
   font-size: 28pt;
   font-variant: small-caps;
   text-align: left;
   position: relative;
   top: 10px;
   left: 30px;
}

.menu_lewe
{
   background-image: url(tlo_menu_lewe.jpg);
   background-repeat: repeat-y;
   background-position: left;
   width: 155px;
   float: left;
   position: relative;
   z-index: 1;
   top: -40px;
}

.menu_lewe_tytul
{
   color: white;
   background-image: url(tlo_tytul_w_menu.png);
   background-repeat: no-repeat;
   font-size: 19pt;
   font-variant: small-caps;
   text-align: center;
}

.menu_lewe_linki
{   
   margin-left: 40px;
}

.menu_lewe_linki a:link  {color: white; text-decoration: none;}

.menu_lewe_linki a:hover {color: white; font-weight: bold;  margin-left: -15px; font-variant: small-caps;             text-decoration: none;}

.menu_lewe_linki a:visited  {color: white; text-decoration: none;}

.menu_prawe
{
   background-image: url(tlo_menu_prawe.jpg);
   background-repeat: repeat-y;
   background-position: right;
   width: 155px;
   float: right;
   position: relative;
   z-index: 1;
   top: -40px;
}

.menu_prawe_tytul
{
   color: white;
   background-image: url(tlo_tytul_w_menu.png);
   background-repeat: no-repeat;
   background-position: right;
   font-size: 19pt;
   font-variant: small-caps;
   text-align: center;
}

.menu_prawe_linki
{   
   margin-left: 40px;
}

.menu_prawe_linki a:link  {color: white; text-decoration: none;}

.menu_prawe_linki a:hover {color: white; font-weight: bold;  margin-left: -15px; font-variant: small-caps;             text-decoration: none;}

.menu_prawe_linki a:visited  {color: white; text-decoration: none;}

.tresc
{
   text-align: justify;
   margin-left: 160px;
   margin-right: 160px;
}

.news
{
   border-bottom-style: solid;
}

.tytul_newsa
{
   float: left;
   margin-left: 5px;
   margin-right: 5px;
   font-size: 16pt;
   font-variant: small-caps;
   text-align: left;
   text-decoration: underline;
}

.data_newsa
{
   font-size: 12pt;
   text-align: right;
   font-variant: small-caps;
}

.tresc_newsa
{
   margin-left: 5px;
   margin-right: 5px;
}

.tresc a:link  {color: #003868; font-weight: bold;}
.tresc a:hover {color: black; font-weight: bold;}
.tresc a:visited  {color: black; font-weight: bold;}


menu.js
Kod: Zaznacz cały
document.write('<br><br><div class="menu_lewe_tytul">Menu</div>')

document.write('<div class="menu_lewe_linki"> <a href="index.html">Newsy</a><br></div>')
document.write('<div class="menu_lewe_linki"> <a href="index.html">Strona główna</a><br></div>')
document.write('<div class="menu_lewe_linki"> <a href="index.html">Strona główna</a><br></div>')
document.write('<div class="menu_lewe_linki"> <a href="index.html">Strona główna</a><br></div>')
document.write('<div class="menu_lewe_linki"> <a href="index.html">Strona główna</a><br></div>')
document.write('<div class="menu_lewe_linki"> <a href="index.html">Strona główna</a><br></div>')
document.write('<div class="menu_lewe_linki"> <a href="index.html">Strona główna</a><br><br><br></div>')


chodzi mi o to abyście go przeanalizowali i napisali co jest w nim nie tak.
jeszcze raz dzięki ;)
tomasseq
Posty: 1
Dołączył(a): 24.07.2008

Post 24.07.2008, 21:58:18

Literówki, nie domknięte znaczniki itp (błędy składni) wyłapie Ci http://validator.w3.org/
Avatar użytkownikaKrzysiek Łabuś
Krzysiek Łabuś

retarded
retarded

Posty: 14361
Dołączył(a): 01.02.2004
Lokalizacja: Muszyna

Post 25.07.2008, 10:36:33

@tomasseq: popracuj koniecznie nad semantyką kodu ;)

Pozdrawiam
BIMAS = BioInformatics and Molecular Analysis Section
Avatar użytkownikabimas
Maciej Bimek

Posty: 5974
Dołączył(a): 22.01.2005
Lokalizacja: Poznań


Powrót do Początkujący webmaster


 


  • Podobne wątki
    Odpowiedzi
    Wyświetlone
    Ostatni post

Kto przegląda forum

Użytkownicy przeglądający ten dział: Brak zidentyfikowanych użytkowników i 9 gości

Hosting, Domeny, SSL
iCash

Subskrypcja

Mamy 50185 zarejestrowanych użytkowników.
Najnowszy użytkownik: sskijop


Nasi użytkownicy napisali:

  • 935003 wiadomości
  • w 246317 tematach

Najnowsze wpisy na blogu

Najnowsze artykuły

Najaktywniejsi (ostatnie 30 dni)