Anasayfaya eklenen içeriğin sayfa küçüldükçe alta inmesi

18-12-2017, 14:30:37

Üyeliği durduruldu

Merhabalar,
Arkadaşlar wordpresste site kuruyorum. 24 inçlik bir monitörde. Benim monitörümde düzgün bir şekilde duruyor ama laptopta yani daha küçük bi ekranda açtığımda alta kaydığını görüyorum. Bunun önüne nasıl geçebilirim ?

site:medwelt.com anasayfadaki içerik.

18-12-2017, 14:53:39

#2

Feaxer

Kimlik doğrulama veya yönetimden onay bekliyor.

.showcase {
    position: relative;
    overflow: hidden;
    width: 25%;
    font-family: Almost, Arial;
    background-color: none;
    border: 1px solid #fff;
    border-radius: 10px;
    -webkit-transition: .2s linear;
    -moz-transition: .2s linear;
    -o-transition: .2s linear;
    transition: .2s linear;
    float: left;
    z-index: 2;
    margin-bottom: 20px;
}

.showcasePicture {
    position: relative;
}
.showcasePicture img {
    max-height: 232px;
    display: block;
    border: none;
    margin: auto;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
}
.showcaseTitle a {
    display: block;
    line-height: 20px;
    color: #000000;
    font-size: 14px;
    text-align: center;
    width: 95%;
    margin: 0px auto;
    text-transform: uppercase;
    font-weight: bold;
}

Şöyle dener misiniz hocam ?

18-12-2017, 14:58:54

#3

~~angelicmoon~~

Üyeliği durduruldu

Feaxer adlı üyeden alıntı: mesajı görüntüle

.showcase { position: relative; overflow: hidden; width: 25%; font-family: Almost, Arial; background-color: none; border: 1px solid #fff; border-radius: 10px; -webkit-transition: .2s linear; -moz-transition: .2s linear; -o-transition: .2s linear; transition: .2s linear; float: left; z-index: 2; margin-bottom: 20px; } .showcasePicture { position: relative; } .showcasePicture img { max-height: 232px; display: block; border: none; margin: auto; top: 0px; right: 0px; bottom: 0px; left: 0px; } .showcaseTitle a { display: block; line-height: 20px; color: #000000; font-size: 14px; text-align: center; width: 95%; margin: 0px auto; text-transform: uppercase; font-weight: bold; }
Şöyle dener misiniz hocam ?

bu şekilde oluyor hocam.
showcase e left verip ortalarım ama bu sefer yine aynı sorun ile karşılaşıyrum. mecburen text-align center yemesi lazım..

19-12-2017, 01:34:00

#4

BiELOF

angelicmoon adlı üyeden alıntı: mesajı görüntüle

Benim monitörümde düzgün bir şekilde duruyor ama laptopta yani daha küçük bi ekranda açtığımda alta kaydığını görüyorum. Bunun önüne nasıl geçebilirim ?.

Kodlama responsive olursa düzgün olur. (Mobil uyum farklıdır.) Kodlama bilgim yok, sadece hayırlı işler dilerim

Sitenizi arama motorlarının nasıl gördüğünü önizleme yapmak için burayı kullanınız.
mobiletest.me/iphone_5_emulator/?u=http://medwelt.com/