Diskuze: Zvětšení jednoho tlačítka
V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.

Člen

Zobrazeno 11 zpráv z 11.
//= Settings::TRACKING_CODE_B ?> //= Settings::TRACKING_CODE ?>
V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.
stránky http://www.worldofgame.cz
Kód:
@font-face {
font-family: minecraft;
src: url('fonty/Minecraft.ttf');
}
body {
background: url('obrazky/pozadi.png')no-repeat;
margin: 0px auto;
}
#odkaz1 {
position: absolute;
left: 570px;
top: 245px;
}
#odkaz2 {
position: absolute;
left: 240px;
top: 390px;
}
#odkaz3 {
position: absolute;
left: 900px;
top: 390px;
}
#odkaz4 {
position: absolute;
left: 240px;
top: 530px;
}
#odkaz5 {
position: absolute;
left: 900px;
top: 530px;
}
button {
font-family: Minecraft;
color: black;
cursor: pointer;
width: 280px;
height: 70px;
background: rgba(255,255,255,0.5);
border: 3px solid 009dff;
border-radius: 30px 30px 30px 30px;
}
button:hover, .aktivni {
background: rgba(255,255,255,0.8);
}
Ten html kód to je teda docela bída
Jinak k tomu tvému problému, ok udělal bych to asi takhle.
Vytvořil bych novou třídu pro to tlačítko, takže např:
button.vetsi { width: 300px; height: 100px } např
A když jsem nastiloval jen odkaz tak mi nejde nastavit velikost tlačítka (bordru)
a {
cursor: pointer;
width: 280px;
height: 70px;
background: rgba(255,255,255,0.5);
border: 3px solid 009dff;
border-radius: 30px 30px 30px 30px;
}
Zobrazeno 11 zpráv z 11.