Pagina 1 din 1

Butoanele din header isi schimba pozitia la miscorare pagina

Scris: Mie Mar 02, 2016
de LOL
Salut,
Cand micsorez pagina butoanele din header isi schimba pozitia.

Inainte de micsorare -> postimg.org/image/dcq329jrz/
Dupa micsorare -> s16.postimg.org/ni5ndg7hx/dupa.jpg

CSS buton:

Cod: Selectaţi tot

.HeaderButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #8f8f8f;
	-webkit-box-shadow:inset 0px 1px 0px 0px #8f8f8f;
	box-shadow:inset 0px 1px 0px 0px #8f8f8f;
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#6f706c),color-stop(1,#7a7a7a));
	background:-moz-linear-gradient(top,#6f706c 5%,#7a7a7a 100%);
	background:-webkit-linear-gradient(top,#6f706c 5%,#7a7a7a 100%);
	background:-o-linear-gradient(top,#6f706c 5%,#7a7a7a 100%);
	background:-ms-linear-gradient(top,#6f706c 5%,#7a7a7a 100%);
	background:linear-gradient(to bottom,#6f706c 5%,#7a7a7a 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6f706c',endColorstr='#7a7a7a',GradientType=0);
	background-color:#6f706c;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:3px solid #656663;
	display:inline-block;
	cursor:pointer;
	color:white;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	padding:5px 5px;
	text-decoration:none;
	text-shadow:0px 1px 0px #636363;
}
.HeaderButton:hover {
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#7a7a7a),color-stop(1,#6f706c));
	background:-moz-linear-gradient(top,#7a7a7a 5%,#6f706c 100%);
	background:-webkit-linear-gradient(top,#7a7a7a 5%,#6f706c 100%);
	background:-o-linear-gradient(top,#7a7a7a 5%,#6f706c 100%);
	background:-ms-linear-gradient(top,#7a7a7a 5%,#6f706c 100%);
	background:linear-gradient(to bottom,#7a7a7a 5%,#6f706c 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7a7a7a',endColorstr='#6f706c',GradientType=0);
	background-color:#7a7a7a;
}
.HeaderButton:active {
	top:1px;
}

Butoanele din header isi schimba pozitia la miscorare pagina

Scris: Mie Mar 02, 2016
de MarPlo
Mie imi pare in regula ca butoanele se muta pe mijloc la micsorarea paginii.
Oricum, daca vrei sa ramana in partea dreapta in header, le poti adauga intr-un Div care sa aibe setat float:right;.
Sau, adaugi la butoane "float:right;".
Poti testa si vedea direct cum arata cu diferite setari css folosind Developer Toolbar din browser (cu F12).

Butoanele din header isi schimba pozitia la miscorare pagina

Scris: Mie Mar 02, 2016
de LOL
Rezolvat din nou ! Mersi :) :D