Hej på min side
http://cos.wizzo.dkHar jeg nogen problemer med css'en og html'en
min side er css og html valid men der er stadig problemer
problemet er at register/jQuery scriptet vises når man kommer ind på siden til at starte med men den skal først vises når man trykker.
andet problem er at min bar er helt oppe ved teksten og jeg vil have den skal være i bunden af siden heletiden.
koden til index.php
<?PHP
include('inc/inc_config.php');
include('inc/inc_register.php');
//include('inc/inc_register.php');
//include('inc/inc_userlogin.php');
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="inc/Styles/stylesheet.css" />
<script type="text/javascript" src="inc/JQuery/jquery-1.3.2.min.js">
</script>
<title>Index</title>
<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){
$("#click").click(function () {
$("#element").toggle("slow");
});
});
//]]>
</script>
</head>
<body>
<div id="topbanner">
<div id="logo"><img src="images/HEADER.png" alt="balls"></img>
</div>
</div>
<div id="topbannerlow">
<div id="navigationBG">
<div id="navigation">
<a href="#">Forside</a>
<a href="#">Refs</a></div>
</div>
</div>
<div id="content">
Lorem wizzo dolor sit armet
<div id="loginbanner">
<div id="login">
<?PHP
if($_GET['do'])
{
$page = $_GET['do'];
//$usersystem->LoginUser($_POST['username'],$_POST['password']);
?>
WizzoUser :-)
<img src="images/profil.png" alt="1">
<img src="images/logud.png" alt="2">
<?PHP
}
else
{
?>
<form method="post" action="?do=do">Brugernavn <input type="text" name="user" /> Kodeord <input type="password" name="pass" /> <input type="submit" name="trylogin" value="GO" /><input type="hidden" name="login" value="dologin" /></form><br />
<div id="click">Registrer</div>
<div id="element">
<form method="post" action=""></form>
Brugernavn:<br />
<input type="text" value="Username" name="u_name" /><br />
Kodeord:<br />
<input type="password" value="123456" name="u_pass" /><br />
Gentag kodeord:<br />
<input type="password" value="123456" name="s_pass" /><br />
Email:<br />
<input type="text" value="wizzo@hotmail.com" name="u_email" /><br />
<input type="hidden" value="<?PHP echo $_SERVER['REMOTE_ADDR'];?>" name="r_ip"/><br />
<input type="submit" name="do_register" value="Registrer"/>
</form>
</div></div>
<?php
if(isset($_GET["action"] ) && $_GET["action"] == 'register') {
$registerme = new registeruser();
$registerme->register($_POST['u_name'], $_POST['u_pass'], $_POST['s_pass'], $_POST['u_email'], $_POST['r_ip']);
}
?>
<?PHP
}
?>
</div>
</div>
</div>
</body>
</html>
css koden:
body {
background-color: #565555;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
#loginbanner {
background-image: url(../../images/loginbg.png);
background-repeat: repeat-x;
background-color:#000;
bottom:0px;
width: 100%;
border: 0;
z-index: 255;
}
#login {
text-align: left;
margin-top: 3px;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
color: #CCC;
z-index: 10;
}
#topbanner {
background-image: url(../../images/BG-Top.png);
background-repeat: repeat-x;
height: 105px;
background-position: left top;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
border: 0;
}
#topbanner #logo {
margin:0px auto;
width:329px;
padding:10px;
}
#topbannerlow {
background-image: url(../../images/BG-TopLow.png);
background-repeat: repeat-x;
height: 40px;
background-position: left top;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
border: 0;
}
#navigationBG {
position:absolute;
top: 110px;
height: 43px;
width: 100%;
background-image: url(../../images/naviBG.png);
background-repeat: repeat-x;
}
#navigationBG #navigation {
margin:0px auto;
left: 35%;
width: 100%;
height: 43px;
background-position: left top;
background-repeat: repeat-x;
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-style: normal;
line-height: 35px;
font-weight: bold;
font-variant: normal;
text-decoration: none;
color: #FFFFFF;
display: block;
}
#navigationBG #navigation a {
background-image: url(../../images/menu3.png);
background-repeat: no-repeat;
background-position: left top;
text-align: center;
font-family: Helvetica, sans-serif;
font-size: 16px;
font-style: normal;
line-height: 35px;
font-weight: bold;
font-variant: normal;
color: #FFFFFF;
text-decoration: none;
height: 43px;
width: 82px;
display: block;
float: left;
margin: 0px;
}
#navigationBG #navigation a:hover {
background-image: url(../../images/menu2.png);
}
#loginbanner #login form input {
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
color: #09F;
background-color: transparent;
text-decoration: none;
border: 1px solid #000;
}
#content{
width: 100%;
height: auto;
margin-top: 10px;
}