Autor Zpráva
Kaminko
Profil
Zdravím, robím si button menu a stále pri rotácii buttonu sa mi zväčšia medzeri medzi medzerami.
tu je css
button.menu {
background: #A5A7A8;
color: #000;
cursor: pointer;
font-family: "Bauhaus 93", Arial ;
font-size: 40px;
-moz-box-shadow: 0 0 10px#000;
-webkit-box-shadow: 0 0 10px #000;
box-shadow: 0 0 10px #000;
-o-box-shadow: 0 0 10px #000;
-ms-box-shadow: 0 0 10px #000;
border-radius: 10px;
border: 0px;
height: 100px;
margin-right: 15px;
-webkit-transition: -webkit-transform 0.4s, color 0.4s;
-moz-transition: -moz-transform 0.4s, color 0.4s;
-ms-transition: -ms-transform 0.4s, color 0.4s;
-o-transition: -o-transform 0.4s, color 0.4s;
}

button.menu:hover {
background: #1882F2;
color: #fff;
-webkit-transform: rotate(30deg);
-moz-transform: rotate(30deg);
-o-transform: rotate(30deg);
-ms-transform: rotate(30deg);
}

#menu {
position: relative;
top: 130px;
right: 100px;
height: 100px;
float: right;
}


a tu html
<header><a href="#"><img src="http://s21.postimg.org/t39nsyx8n/fastup.png"></a> <div id="menu"><button class="menu">Upload</button><button class="menu">My Account</button></div></header>



a pri druhom buttone sa zmänšia
Joker
Profil
Kaminko:
Mezery mezi mezerami? :-)

Od boku si střelím, že to je prostě následek přepočítání pixelů. Podobně jako při zoomování stránky se taky mohou trochu změnit některé rozměry.
(Například když budu mít vedle sebe dva prvky dlouhé 115px a dám zoom 90%, měl by každý mít 103,5px, což nejde, takže budou oba mít třeba 104px, čímž vznikne 1px rozdíl)
Kaminko
Profil
Aha, ďakujem, čiže sa s tým proste musí zmieriť.
margin
Profil *
Kaminko:
Aha, ďakujem, čiže sa s tým proste musí zmieriť.
Vyrobil jsem živou ukázku a přiznám se, že nevím, v čem je problém, zkus ho lépe popsat.

Mimo téma:
Na řádku 7 CSS máš chybu, před # (číslo barvy ) patří mezera.
Řádky 10, 11, 18 a 28 CSS jsou zbytečné, použité prefixy pro danou vlastnost není v prohlížečích podporována, jde o lidovou tvořivost.
http://caniuse.com/css-boxshadow
http://caniuse.com/css-transitions
Kaminko
Profil
Problém je v tom, že keď sa prejde cez ten button myšou a chvíľu ho tam podržíte, text sa zmení.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: