Butoanele din header isi schimba pozitia la miscorare pagina

Coduri intrebari, probleme legate de HTML, XHTML si CSS
LOL
Mesaje: 13

Butoanele din header isi schimba pozitia la miscorare pagina

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

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).

LOL
Rezolvat din nou ! Mersi :) :D

Subiecte similare