Burak Dülgar adlı üyeden alıntı
Hmm demek istediğini anladım. Diğer resimler içinde eğer genişlik 600px'dende büyükse genişliği 600px, yüksekliği ise resmin oranını korumak için otomatik olarak küçültüyor.Bu resmi otomatik olarak küçülten kod:
max-width:600px;
max-height:auto;
Eğer yüksekliğinde belli bir boyuttan küçük olmasını istiyorsan max-height kısmınada bu değeri yazabilirsin. Mesela max-height: 400px; gibi.
Aşağıda bu kodun geçtiği yeri verdim. Kod sadece ortalı olan resimlerde çalışıyor. Eğer bütün resimlerde çalışmasını istiyorsan bu kodu aşağıdaki bütün bölümlere eklemen yeterli olacaktır.
Örnek Eklenecek kod:
max-width:600px;
max-height: 500px;
Eklenmesi gereken bölümler:
img.aligncenter {
background:#F1F1F1;
max-width:600px;
max-height:auto;
display:block;
margin-left:auto;
margin-right:auto;
overflow:hidden;
border:solid 1px #ddd;
-webkit-border-radius:4px;
-moz-border-radius:4px;
padding:5px;
}
img.alignright {
background:#F1F1F1;
float:right;
display:block;
border:solid 1px #ddd;
-webkit-border-radius:4px;
-moz-border-radius:4px;
margin:10px 0 10px 10px;
padding:5px;
}
img.alignleft {
background:#F1F1F1;
float:left;
display:block;
border:solid 1px #ddd;
-webkit-border-radius:4px;
-moz-border-radius:4px;
margin:10px 10px 10px 0;
padding:5px;
}
img.alignnone {
background:#F1F1F1;
display:block;
border:solid 1px #ddd;
-webkit-border-radius:4px;
-moz-border-radius:4px;
margin:10px 0;
padding:5px;
}