
Po prawej stronie jest logowanie, chciałbym zeby było równo pod logiem OwnTibia i za cholere niewiem jak to zrobic ;/
KOD HTML:
CODE
<center><div id="main_logo"></div> </center>
<div id="login">
><div id="login_main">
<form action="login.php" method="POST">
<input class="text" style="height:29px; line-height:29px; width:205px;" onclick="this.value=''; this.style.borderColor='#336699'" onblur="if(this.value == '') { this.value='Login...'}; this.style.borderColor='#18374b'" onfocus="if (this.value == 'Login...') {this.value=''}" name="login_login" maxlength="30" value="Login..." type="text">
<input class="text" style="height:29px; line-height:29px; width:205px; margin-top:10px;" onclick="this.value=''; this.style.borderColor='#336699'" onblur="if(this.value == '') { this.value='Password...'}; this.style.borderColor='#18374b'" onfocus="if (this.value == 'Your email') {this.value=''}" name="login_password" maxlength="30" value="Password..." type="password">
</form></div>
<a href="login.htm"> <input style="cursor: pointer;" id="login-button"></a>
</div>
<div id="reg-text">Jeśli chcesz kupić konto napisz na GG: 45053876</a></div>
</div> </div></center><br>
<br>
<center><b> | OwnTibia 2007-2012 | Wszelkie prawa zastrzeżone | WebDesign: Painus |</b> </center>
</div>
</div>
</body>
<!--
function s4upl() { return "&r=er";}
//-->
</script>
<script language="JavaScript" type="text/javascript" src="http://adstat.4u.pl/s.js?painus"></script>
<script language="JavaScript" type="text/javascript">
<!--
s4uext=s4upl();
document.write('<img alt="stat4u" src="http://stat.4u.pl/cgi-bin/s.cgi?i=painus'+s4uext+'" width="1" height="1">')
//-->
</script>
<noscript><img alt="stat4u" src="http://stat.4u.pl/cgi-bin/s.cgi?i=painus&r=ns" width="1" height="1"></noscript>
<!-- stat.4u.pl KoNiEc -->
</html>
ORAZ STYLE.CSS:
CODE
html, body{
padding: 0px;
margin: 0px;
background-image:url('images/background.gif');
font-family:"Arial";
font-size:10px;
}
img{
border:0px;
}
a:link {color:white;text-decoration:none;}
a:visited {color:white;text-decoration:none;}
a:hover {color:black;text-decoration:none;}
a:active {color:black;text-decoration:none;}
#www{
width:100%;
padding:0px;
}
#main_top{
width:100%;
height:53px;
background-image:url('images/top.gif');
}
#main_middle{
width:100%;
height:195px;
margin-top:130px;
background-image:url('images/middle.gif');
}
#main_bottom{
width:100%;
height:53px;
background-image:url('images/down.gif');
position: fixed;
bottom: 0;
color:teal;
}
#main_menu{
font-size:10px;
width:100%;
float:left;
text-align:center;
margin-top:30px;
}
#main_menu a{
color:teal;
}
#main_menu a:hover{
color:white;
}
#main_logo{
height:150px;
width:351px;
float:left;
background-image:url('images/logo.gif');
margin-left:10px;
margin-top:100px;
}
#login{
height:148px;
width:314px;
float:right;
background-image:url('images/background-reg.gif');
margin-top:22px;
margin-right:80px;
}
#login_main{
width:205px;
height:58px;
float:left;
margin-left:20px;
margin-top:25px;
}
input.text{
background-color: #293b45;
border:1px solid #18374b;
color:white;
padding-left:5px;
float:left;
}
textarea.text{
background-color: #293b45;
border:1px solid #18374b;
color:white;
padding-left:5px;
padding-top:5px;
overflow:hidden;
float:left;
}
select{
background-color: #293b45;
border:1px solid #18374b;
color:white;
width:160px;
height:20px;
margin-top:10px;
float:left;
}
#login-button{
height:60px;
width:55px;
background-image:url('images/login.gif');
border:0px;
float:right;
margin-top:35px;
margin-right:13px;
}
#reg-text{
float:left;
color:white;
font-size:11px;
margin-left:25px;
margin-top:30px;
}
#reg-text a{
color:#336699;
}
#reg-text a:hover{
color:white;
}
#reginfocont{
height:230px;
width:466px;
float:right;
background-image:url('images/reginfocont-background.gif');
margin-top:-15px;
margin-right:80px;
}
#reginfocont_priv{
height:230px;
width:466px;
float:left;
background-image:url('images/reginfocont-background.gif');
margin-top:30px;
margin-left:60px;
}
#reginfoconttext{
height:190px;
width:50px;
float:left;
color:white;
line-height:30px;
margin-top:20px;
margin-left:20px;
}
#reginfoconttext2{
height:190px;
width:50px;
float:left;
color:white;
line-height:31px;
margin-top:20px;
margin-left:20px;
}
#reginfocontinputs1{
width:160px;
margin-left:10px;
line-height:30px;
margin-top:17px;
float:left;
}
#reginfocontinputs2{
width:160px;
margin-left:20px;
margin-top:17px;
float:left;
}
#reginfocontinputs3{
width:165px;
height:112px;
margin-left:20px;
margin-top:27px;
border:1px solid #336699;
background-color: #293b45;
color:white;
float:left;
}
#submitreg{
background-image:url('images/submit.gif');
height:27px;
width:188px;
border:0px;
color:white;
margin-left:70px;
margin-top:20px;
font-size:9px;
}
#stopka-left{
margin-top:25px;
margin-left:50px;
font-size:11px;
float:left;
}
#stopka-right{
margin-top:25px;
margin-right:50px;
float:right;
}
#top{
width:100%;
height:35px;
background-color:#c2c8cc;
}
#logged{
float:left;
margin-left:30px;
margin-top:10px;
font-size:12px;
}
#logout{
height:27px;
width:188px;
float:right;
margin-right:30px;
margin-top:5px;
border:0px;
color:white;
background-image:url('images/logout.gif');
}
#under_top{
height:8px;
width:100%;
background-image:url('images/middleee.gif');
}
#header{
width:100%;
height:110px;
background-color:#c2c8cc;
}
#logo{
height:150px;
width:351px;
float:left;
background-image:url('images/logo.gif');
margin-left:90px;
margin-top:50px;
}
padding: 0px;
margin: 0px;
background-image:url('images/background.gif');
font-family:"Arial";
font-size:10px;
}
img{
border:0px;
}
a:link {color:white;text-decoration:none;}
a:visited {color:white;text-decoration:none;}
a:hover {color:black;text-decoration:none;}
a:active {color:black;text-decoration:none;}
#www{
width:100%;
padding:0px;
}
#main_top{
width:100%;
height:53px;
background-image:url('images/top.gif');
}
#main_middle{
width:100%;
height:195px;
margin-top:130px;
background-image:url('images/middle.gif');
}
#main_bottom{
width:100%;
height:53px;
background-image:url('images/down.gif');
position: fixed;
bottom: 0;
color:teal;
}
#main_menu{
font-size:10px;
width:100%;
float:left;
text-align:center;
margin-top:30px;
}
#main_menu a{
color:teal;
}
#main_menu a:hover{
color:white;
}
#main_logo{
height:150px;
width:351px;
float:left;
background-image:url('images/logo.gif');
margin-left:10px;
margin-top:100px;
}
#login{
height:148px;
width:314px;
float:right;
background-image:url('images/background-reg.gif');
margin-top:22px;
margin-right:80px;
}
#login_main{
width:205px;
height:58px;
float:left;
margin-left:20px;
margin-top:25px;
}
input.text{
background-color: #293b45;
border:1px solid #18374b;
color:white;
padding-left:5px;
float:left;
}
textarea.text{
background-color: #293b45;
border:1px solid #18374b;
color:white;
padding-left:5px;
padding-top:5px;
overflow:hidden;
float:left;
}
select{
background-color: #293b45;
border:1px solid #18374b;
color:white;
width:160px;
height:20px;
margin-top:10px;
float:left;
}
#login-button{
height:60px;
width:55px;
background-image:url('images/login.gif');
border:0px;
float:right;
margin-top:35px;
margin-right:13px;
}
#reg-text{
float:left;
color:white;
font-size:11px;
margin-left:25px;
margin-top:30px;
}
#reg-text a{
color:#336699;
}
#reg-text a:hover{
color:white;
}
#reginfocont{
height:230px;
width:466px;
float:right;
background-image:url('images/reginfocont-background.gif');
margin-top:-15px;
margin-right:80px;
}
#reginfocont_priv{
height:230px;
width:466px;
float:left;
background-image:url('images/reginfocont-background.gif');
margin-top:30px;
margin-left:60px;
}
#reginfoconttext{
height:190px;
width:50px;
float:left;
color:white;
line-height:30px;
margin-top:20px;
margin-left:20px;
}
#reginfoconttext2{
height:190px;
width:50px;
float:left;
color:white;
line-height:31px;
margin-top:20px;
margin-left:20px;
}
#reginfocontinputs1{
width:160px;
margin-left:10px;
line-height:30px;
margin-top:17px;
float:left;
}
#reginfocontinputs2{
width:160px;
margin-left:20px;
margin-top:17px;
float:left;
}
#reginfocontinputs3{
width:165px;
height:112px;
margin-left:20px;
margin-top:27px;
border:1px solid #336699;
background-color: #293b45;
color:white;
float:left;
}
#submitreg{
background-image:url('images/submit.gif');
height:27px;
width:188px;
border:0px;
color:white;
margin-left:70px;
margin-top:20px;
font-size:9px;
}
#stopka-left{
margin-top:25px;
margin-left:50px;
font-size:11px;
float:left;
}
#stopka-right{
margin-top:25px;
margin-right:50px;
float:right;
}
#top{
width:100%;
height:35px;
background-color:#c2c8cc;
}
#logged{
float:left;
margin-left:30px;
margin-top:10px;
font-size:12px;
}
#logout{
height:27px;
width:188px;
float:right;
margin-right:30px;
margin-top:5px;
border:0px;
color:white;
background-image:url('images/logout.gif');
}
#under_top{
height:8px;
width:100%;
background-image:url('images/middleee.gif');
}
#header{
width:100%;
height:110px;
background-color:#c2c8cc;
}
#logo{
height:150px;
width:351px;
float:left;
background-image:url('images/logo.gif');
margin-left:90px;
margin-top:50px;
}
Bardzo proszę o pomoc!:(
Okej już sobie poradziłem, pozdrawiam.