alexa-tracking

<ask>button gak mau responsive</ask>

Main Content

1024
1024
KASKUS
51
244
https://www.kaskus.co.id/thread/54b61bfaa3cb17e3048b456f/ltaskgtbutton-gak-mau-responsivelt-askgt
<ask>button gak mau responsive</ask>
Gini gan ane lagi ada permasalahan wakaka maklum newbie gan emoticon-Ngakak
ane buat button diukuran layar kurang lebih 1300px an .saat ane kecilin layar monitor eh buttonnya gak responsive emoticon-Ngakak malah buttoonnya nyasar kmna2 emoticon-Ngakak...
ane udah coba pake rumus @media ttp gakada hasil mohon suhu bantuannya...

Spoiler for html:


Spoiler for css suhu:


Spoiler for ilustrasi suhu:



semoga suhu2 dapat membantu emoticon-shakehand
sundul suhu masih belum ada solusi suhu emoticon-Sorryemoticon-Sorryemoticon-Sorry

@media kelupaan ya gan?

Coba liat d w3Schools + liat CSS CMS apa aja gan.

@media (min-width: 1300px){
.class{
...........
..........
..........
}
}
maap gan cm bisa membantu segitu.emoticon-Bingung (S)
Quote:Original Posted By clonningdash

[SPOILER=css suhu].rounded-button, .rounded-button-phone {
background-color: #AECD37;
border-radius: 30px;
display: inline-block;
font-size: 20px;
font-weight: bold;
margin: 0;
color: white;
text-transform: uppercase;
text-decoration: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
vertical-align: middle;
border: none;
font-family: 'din', Arial, Helvetica, sans-serif !important;
}
.rounded-button {
line-height: 2.5em;
padding: 0 1em;
float:right;
margin-right:295px;
}


coba gini gan, jangan pakai pixel untuk web responsive coba ke arah %,
contoh font-size:20px itu sangat menggangu di web2 responsive coba tulis aja font-size:200% gitu gan, dan line-height:2,5em ini bikin tinggi button agan fix segitu mau di layar manapun, coba kembali lagi pake % gan, semoga membantu CMIIW
Quote:Original Posted By yogazzzt
Coba liat d w3Schools + liat CSS CMS apa aja gan.

@media (min-width: 1300px){
.class{
...........
..........
..........
}
}
maap gan cm bisa membantu segitu.emoticon-Bingung (S)


sudah nyoba pake @media gan tp gak ngefek entah salah dmnanya

Quote:Original Posted By ystev2


coba gini gan, jangan pakai pixel untuk web responsive coba ke arah %,
contoh font-size:20px itu sangat menggangu di web2 responsive coba tulis aja font-size:200% gitu gan, dan line-height:2,5em ini bikin tinggi button agan fix segitu mau di layar manapun, coba kembali lagi pake % gan, semoga membantu CMIIW


iya gan untuk sizenya emang tidak berubah tp penempatan posisi nya button trsebut yang berubah2 saaat di kecilin layarnya atau dilebarin ukuran layarnya ...
maksud ane biar itu button fix gtu posisi penempatannya saat diubah2 ukuran layarnya.
Quote:Original Posted By clonningdash


iya gan untuk sizenya emang tidak berubah tp penempatan posisi nya button trsebut yang berubah2 saaat di kecilin layarnya atau dilebarin ukuran layarnya ...
maksud ane biar itu button fix gtu posisi penempatannya saat diubah2 ukuran layarnya.


boleh gak gan, di kasih gambaran kalau layar nya kecil dia lari kemana, besar dia lari kemana?
karena ini kasusnya web agan responsive tapi agan mau .rounded-button nya ada right: 249px, jadi layar agan di kecilin atau dibesarin dia akan posisikan dirinya 249px dari layar agan, ane tadi udah coba di layar ane jadi nya seperti ini gan code agan yang di atas

<ask>button gak mau responsive</ask>

nb: resolution ane 1920x1080

ada baiknya image yang agan mau kalau mau full layar dibuat width nya 100%
<img src="abcd.com/images/add.png" width="100%" />
nah setelah itu margin-right nya dibuat jadi %, margin-right:10%; (rounded-button)
Quote:Original Posted By ystev2


boleh gak gan, di kasih gambaran kalau layar nya kecil dia lari kemana, besar dia lari kemana?
karena ini kasusnya web agan responsive tapi agan mau .rounded-button nya ada right: 249px, jadi layar agan di kecilin atau dibesarin dia akan posisikan dirinya 249px dari layar agan, ane tadi udah coba di layar ane jadi nya seperti ini gan code agan yang di atas

<ask>button gak mau responsive</ask>

nb: resolution ane 1920x1080

ada baiknya image yang agan mau kalau mau full layar dibuat width nya 100%
<img src="abcd.com/images/add.png" width="100%" />
nah setelah itu margin-right nya dibuat jadi %, margin-right:10%; (rounded-button)


nih gan ane kasih screenshutnya ...

Quote:Full layar pc ane 1300an ukurannye
Spoiler for ss1:


Quote:saat dikecilin layarnya
Spoiler for ss2:


Quote:saat layar lebih dikecilin lagi
Spoiler for ss3:

Quote:Original Posted By clonningdash


nih gan ane kasih screenshutnya ...







Agan pengen button tersebut ada didalam kotak merah dan selalu ngikutin kotak merah nya? Berarti agan harus buat attribute position relative dikotak merah dengan display block, kemudian buttonnya kasih display inline supaya ngikutin kotak merahnya.
×