Jump to content
Sign in to follow this  
Popa Andrei

Repozitionare buton afisat de un script

Recommended Posts

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?

Share this post


Link to post
Share on other sites

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;
}

 

Share this post


Link to post
Share on other sites
.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;
}

 

Share this post


Link to post
Share on other sites

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;

 


PHP Developer - Not available for freelancing right now

Daca ai de gand sa postezi la categoria IPB, nu uita sa citesti regulamentul: Link regulament

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...