Plz help need to put a login form on a image

[bmw11]

So i made a game and a login template , put it on the game

i have a area on the image where i would like the login form to be

how do i put it there

[Guest LostOne]

You have 2 choices really, depending on your skill level.

Slice the image and build in the html and add it into the slot where you want it to go;

or

As I would do, use div tags, add the image to the outer tag and use an inner tag with positioning in the css :)

[bmw11]

sir how would i "build in the html"

[rulerofzu]

Seriously are you setting up a game but cannot do simple html/css?

[bmw11]

i am a newbie , and trying out a game on a free host just to learn and when i am done learning i will set up a real game , please tell me how to use div tags to add a login form on a image,thanks

[rulerofzu]

I dont believe anyone that cannot do the basics in html, css should be attempting php/mysql never mind attempting to launch a game.

Which version of McCodes are you using?

[W3Theory || Peter]

If it is practice, then why are you asking people to do it though? Ask for help by showing something you tried and have people say what you are doing wrong.

[bmw11]

This is the css

body {

font-family: Geneva, Arial, Helvetica, sans-serif;

text-align: left;

font-size: small;

}

/* You named this layer Background */

#Layer-1 {

position: absolute;

left: +0px;

top: +0px;

width: 1280px;

height: 600px;

z-index: 1;

}

/* You named this layer Layer 1 */

#Layer-2 {

position: absolute;

left: 0px;

top: 0px;

width: 1280px;

height: 223px;

z-index: 2;

}

/* You named this layer Layer 7 */

#Layer-3 {

position: absolute;

left: 95px;

top: 43px;

width: 275px;

height: 137px;

z-index: 3;

}

/* You named this layer Layer 8 */

#Layer-4 {

position: absolute;

left: 389px;

top: 249px;

width: 258px;

height: 76px;

z-index: 4;

}

/* You named this layer Layer 2 */

#Layer-5 {

position: absolute;

left: 53px;

top: 223px;

width: 1150px;

height: 232px;

z-index: 5;

}

/* You named this layer Layer 3 */

#Layer-6 {

position: absolute;

left: +53px;

top: +455px;

width: 1150px;

height: 152px;

z-index: 6;

}

/* You named this layer Layer 4 */

#Layer-7 {

position: absolute;

left: 116px;

top: 72px;

width: 167px;

height: 30px;

z-index: 7;

}

/* You named this layer Layer 5 */

#Layer-8 {

position: absolute;

left: 117px;

top: 18px;

width: 166px;

height: 33px;

z-index: 8;

}

/* You named this layer Layer 6 */

#Layer-9 {

position: absolute;

left: +53px;

top: +535px;

width: 1150px;

height: 144px;

z-index: 9;

}

/* You named this layer Layer 4 copy */

#Layer-10 {

position: absolute;

left: 116px;

top: 116px;

width: 167px;

height: 30px;

z-index: 10;

}

/* You named this layer Layer 4 copy 2 */

#Layer-11 {

position: absolute;

left: 116px;

top: 159px;

width: 167px;

height: 30px;

z-index: 11;

}

/* You named this layer Layer 4 copy 3 */

#Layer-12 {

position: absolute;

left: 116px;

top: 202px;

width: 167px;

height: 30px;

z-index: 12;

}

/* You named this layer Layer 9 */

#Layer-13 {

position: absolute;

left: 10px;

top: 22px;

width: 148px;

height: 66px;

z-index: 13;

}

/* You named this layer Layer 10 */

#Layer-14 {

position: absolute;

left: 158px;

top: 39px;

width: 84px;

height: 58px;

z-index: 14;

}

/* You named this layer Layer 12 */

#Layer-15 {

position: absolute;

left: 306px;

top: 7px;

width: 269px;

height: 65px;

z-index: 15;

}

/* You named this layer Layer 14 */

#Layer-16 {

position: absolute;

left: 894px;

top: 0px;

width: 108px;

height: 68px;

z-index: 16;

}

/* You named this layer Layer 15 */

#Layer-17 {

position: absolute;

left: 841px;

top: 87px;

width: 146px;

height: 26px;

z-index: 17;

}

/* You named this layer Layer 16 */

#Layer-18 {

position: absolute;

left: 841px;

top: 154px;

width: 150px;

height: 41px;

z-index: 18;

}

/* Here are some examples of how you might want to change the

* look and behavior of the links on your page. Some examples for

* further customization are included in comments. */

a {

cursor: pointer;

outline: none;

}

a:link { color: #F88; }

a:visited { color: #F88; }

a:hover {

color: #F00;

/* text-decoration: underline; */

/* font-weight: bold; */

}

 

this is the login.php

 

<body>

 

<table width='1350' border='0' align='center' cellspacing='0'>

<tr bgcolor='#000000'>

<td width='1000' height='600' background='' valign='top'><div id='container'>

<div id='topnav' class='topnav' >Are you a member? <a href='login' class='register'><span>Register</span></a> </div>

<fieldset id='register_menu'>

<form action=register.php method=post name=register>

<label for='username'>Username</label>

<input type=text name=username onkeyup='CheckUsername(this.value);'><div id='usernameresult'></div>

</p>

<p>

<label for='password'>Password</label>

<input type=password id='pw1' name=password onkeyup='CheckPasswords(this.value);PasswordMatch();'><div id='passwordresult'></div>

</p>

<p>

<label for='cpassword'>Confirm Password</label>

<input type=password name=cpassword id='pw2' onkeyup='PasswordMatch();'><div id='cpasswordresult'></div>

</p>

<p>

<label for='email'>Email</label>

<input type=text name=email onkeyup='CheckEmail(this.value);'><div id='emailresult'></div>

</p>

<p>

<label for='gender'>Gender</label><br />

<select name='gender' type='dropdown'>

<option value='Male'>Male

<option value='Female'>Female</select>

</p>

<p>

<center><input id='register_submit' value='Register' tabindex='6' type='submit'></center>

</p></td>

</form>

</fieldset>

</div>

<script src='javascripts/jquery.js' type='text/javascript'></script>

<script type='text/javascript'>

$(document).ready(function() {

$('.register').click(function(e) {

e.preventDefault();

$('fieldset#register_menu').toggle();

$('.register').toggleClass('menu-open');

});

$('fieldset#register_menu').mouseup(function() {

return false

});

$(document).mouseup(function(e) {

if($(e.target).parent('a.register').length==0) {

$('.register').removeClass('menu-open');

$('fieldset#register_menu').hide();

}

});

});

</script>

<script src='javascripts/jquery.tipsy.js' type='text/javascript'></script>

<script type='text/javascript'>

$(function() {

$('#forgot_username_link').tipsy({gravity: 'w'});

});

</td>

</tr>

</table>

<center>Copyright Game Name 2010-2011 Game owner.<br />Login made and designed by .</center>

</body>

</html>

 

please tell me how to intergrate the two and how to add the login form onto the right had side of layer 5 ( layer 5 is split up into 3, left ,center right,i would like to put the login form on the right side

[W3Theory || Peter]

Did you do this or is this just by someone else?

[bmw11]

css is mine , login is someone elses

[bmw11]

i used a converter to do the css

[rulerofzu]

I take it this is for mccodes v2 and that you have a valid licence?

[bmw11]

yup this is for mccodes v2

[rulerofzu]

You have a valid licence which can be verified at mccodes.com

The reason why I am asking is that I dont see why someone would purchase a licence when they have no clue on what they are doing.

It also means everyone here helping you is wasting their time as when you launch your game it will be taken down again for not having the licence.

[bmw11]

yes i have a licence ,the reason why i have this site is as my freind can code and i cant and we shared the cost for mccodes he is on holiday right now so im on this forum asking for help

[W3Theory || Peter]

yes i have a licence ,the reason why i have this site is as my freind can code and i cant and we shared the cost for mccodes he is on holiday right now so im on this forum asking for help

You said earlier that you were just doing this site for practicing and then will make a better game later? I just think there are some flaws in your reasoning

[rulerofzu]

Indeed to be honest I dont believe it.

[Kieran-R]

Post the domain that the license is under, and we would be happy to help you. :)

[lucky3809]

Use divs and css to position login form...there are tuts on google..