01-04-2012, 19:22
Witam, mam pewien problem.. Niedawno zaczalem bawic sie stronami w css i html.
Aktualnie posiadam dosc dziwny problem, po zamknieciu jednego z divow ignorowane sa wszelkie komendy html/php.. Sprawdzalem kazdy szczegol kodu, jednak niestety nie znalazlem bledu. Moze wy zauwazycie dlaczego tak sie dzieje ?
strona:
http://jespers.cba.pl/test/index.php
Ponizej daje kod html i css:
index.php:
I template.css :
Z gory dzieki za pomoc
Aktualnie posiadam dosc dziwny problem, po zamknieciu jednego z divow ignorowane sa wszelkie komendy html/php.. Sprawdzalem kazdy szczegol kodu, jednak niestety nie znalazlem bledu. Moze wy zauwazycie dlaczego tak sie dzieje ?
strona:
http://jespers.cba.pl/test/index.php
Ponizej daje kod html i css:
index.php:
Kod:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2"/>
<link href="CSS/template.css" type="text/css" rel="stylesheet" />
<title>DIV</title>
</head>
<body>
<div id="logo">
<img src="images/logo.png">
<div id="formbox">
<form method="POST" action="index.php">
<input id="button" type="submit" value="Zaloguj się" size="13">
<input id="loginbox" type="text" value="login" name="login" size="13">
<input id="passwordbox" type="password" value="haslo" name="haslo" size="13">
</form>
To sie dobrze wyswietli
</div>
Tego juz nie wyswietli...
</div>
Tego tez nie wyswietli...
</body>
</html>
I template.css :
Kod:
body{
background-color: yellow;
text-align: center;
margin: 0;
padding:0;
}
#logo {
text-align: left;
margin: 0 auto 0 auto;
border: 1px solid #2D2D2D;
height: auto;
width: 800px;
}
#logo img{
text-align: left;
position: absolute;
}
#formbox{
text-align: left;
position: relative;
top:180px;
height: 80px;
margin-left:480px;
width: 300px;
}
#loginbox
{
text-align: left;
border: 0;
background: transparent;
margin-top: 17px;
margin-left: 168px;
}
#passwordbox
{
text-align: left;
border: 0;
background: transparent;
margin-left: 168px;
margin-top: 7px;
}
#button
{
position: absolute;
top: 25px;
left: 40px;
background: #9cf;
}
Z gory dzieki za pomoc
