Page 1 of 1

Div code for ...

Posted: Thu Sep 15, 2011 3:53 pm
by Boo
Hello Fellows,

I Just wanted to know wich code i need to use to get my menu to the right side.

regards, Boo

Re: Div code for ...

Posted: Thu Sep 15, 2011 5:02 pm
by hallsofvallhalla
well depends on how you are doing it,

for a div you could use

Code: Select all

float:right;

in the css

Re: Div code for ...

Posted: Thu Sep 15, 2011 6:35 pm
by Boo
My current style.css is

Code: Select all

body {
	background-color: #ffffff;
}
#login {
	position:absolute;
	left:0px;
	top:0px;
	width:800px;
	height:150px;
	z-index:1;
}
#login2 {
	position:absolute;
	left:0px;
	top:200px;
	width:800px;
	height:150px;
	z-index:1;
}
#player {
	position:absolute;
	left:400px;
	top:200px;
	width:450px;
	height:450px;
	z-index:3;
}
#creature {
	position:absolute;
	left:400px;
	top:400px;
	width:450px;
	height:650px;
	z-index:3;
}
#logout {
	position:absolute;
	left:10px;
	top:10px;
	width:150px;
	height:150px;
	z-index:3;
}
#locations {
	position:absolute;
	left:400px;
	top:100px;
	width:450px;
	height:450px;
	z-index:3;
}
#gold {
	position:absolute;
	left:200px;
	top:200px;
	width:150px;
	height:100px;
	z-index:3;
}
#lpanel {
	position:absolute;
	left:10px;
	top:100px;
	width:100px;
	height:200px;
	z-index:3;
}
#hpointsback {
	position:absolute;
	left:10px;
	top:204px;
	width:100px;
	height:15px;
	z-index:1;
}
#hpoints {
	position:absolute;
	left:10px;
	top:204px;
	width:100px;
	height:15px;
	z-index:2;
	text-align:left;
}
#spointsback {
	position:absolute;
	left:10px;
	top:225px;
	width:100px;
	height:15px;
	z-index:1;
}
#spoints {
	position:absolute;
	left:10px;
	top:225px;
	width:100px;
	height:15px;
	z-index:2;
	text-align:left;
}
#table {
	position:absolute;
	left:200px;
	top:105px;
	width:500px;
	height:900px;
	z-index:2;
}
#magic {
	position:absolute;
	left:400px;
	top:100px;
	width:450px;
	height:450px;
	z-index:3;
}
Could you please at the code :P

i realy dont know were i should paste it :/

Re: Div code for ...

Posted: Fri Sep 16, 2011 3:57 am
by hallsofvallhalla
try

Code: Select all

#lpanel {
   position:absolute;
    top:100px;
   width:100px;
   height:200px;
   z-index:3;
  float:right;
}
and you may need to move your lpanel code below your main code

Re: Div code for ...

Posted: Fri Sep 16, 2011 12:05 pm
by Boo
But i want to move this menu:

Image

The code u gave moves my stat panel

Re: Div code for ...

Posted: Fri Sep 16, 2011 1:18 pm
by OldRod
Put your menu inside a "rpanel" div and use the code Halls gave you (rename it to rpanel obviously). Looks like that might work.

Re: Div code for ...

Posted: Sat Sep 17, 2011 8:49 am
by Boo
I Still dont get it :?:

Re: Div code for ...

Posted: Sat Sep 17, 2011 3:42 pm
by hallsofvallhalla
well what do you want in the middle of the page? Just put it in between the 2 and it will float on its own.

Re: Div code for ...

Posted: Wed Sep 21, 2011 4:08 pm
by Boo
Could You please finish the code for me :P

Re: Div code for ...

Posted: Wed Sep 21, 2011 4:11 pm
by hallsofvallhalla
next 2 videos are on divs and CSS.