Repozitionare buton afisat de un script

[Popa Andrei]

Salut am un script php...si vreau sa modific pozitia unui buton sa il dau mai la stanga/dreapta mai in jos/sus...am intrat in CSS am gasit butonul dar se modifica doar dimensiunile se rotunjeste.. ce cod sa caut mai exact?

[+Stefan]

Cauta

left:
top:

 

[Popa Andrei]

Asa sunt majoritatea butoanelor ..am modificat tot la ele si nu se schimba pozitia doar dimensiunile..

.home_2_join_button {
	background: -webkit-linear-gradient(#6c8bd2, #405c9b);
	background: -o-linear-gradient(#6c8bd2, #405c9b);
    	background: -moz-linear-gradient(#6c8bd2, #405c9b);
    	background: linear-gradient(#6c8bd2, #405c9b);
	cursor:pointer;
	border-radius: 3px;
	display: block;
	padding:7px 20px;
	text-align: left;
	color: #ffffff;
	line-height: 28px;
	font-size: 15px;
	font-weight:bold;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	font-family:sans-serif;
}

 

[+Stefan]

.home_2_join_button {
    position: absolute;
    top: 50px;
    left: 350px;
    background: -webkit-linear-gradient(#6c8bd2, #405c9b);
    background: -o-linear-gradient(#6c8bd2, #405c9b);
    background: -moz-linear-gradient(#6c8bd2, #405c9b);
    background: linear-gradient(#6c8bd2, #405c9b);
    cursor:pointer;
    border-radius: 3px;
    display: block;
    padding:7px 20px;
    text-align: left;
    color: #ffffff;
    line-height: 28px;
    font-size: 15px;
    font-weight:bold;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    font-family:sans-serif;
}

 

[gadeas]

Cu position absolute, daca parintele butonului nu are position relative, se va pozitiona random pe pagina in functie de cine este parintele.

Mai multe detalii despre position: http://www.barelyfitz.com/screencast/html-training/css/positioning/

Asta cu mutatu botonului depinde foarte mult de alte elemente in care este si care este situatia lor. Poti incerca si cu:

margin-top: Ypx;
margin-right: Ypx;
margin-bottom: Ypx;
margin-left: Ypx;

Sau in aceasi ordine dar mai scurt:
 

margin: Ypx Ypx Ypx Ypx;