Css yardım lütfen

09-10-2016, 17:34:15

Üyeliği durduruldu

Merhaba arkadaşlar web sitemde yeni bir temaya geçtim yeni temada style.css de yer alan aşağıdaki kod web sitesine yüklediğim resimlere atadığım yükseklik değerlerini değilde vermiş olduğum genişlik değerine göre resimin boyutuna otomatik ayarlıyor.

Genişlik değerlerinde masaüstü görünümde sıkıntı olmamasına rağmen mobile görünümde vermiş olduğum genişlik değerini uyguluyor resim verdiğim değerden büyük olsa bile. Kodlarda ne gibi değişiklik yapmam lazım

Style.css kodu

Alıntı

img {
max-width: 100%;
width: auto\9;
height: auto;
}

Siteme atadığım html kodu

Alıntı

<div style="float:left; margin:1px; padding:1px; text-align:center;"><a href="sayfa.html"><img src="images/sayfa.jpg" alt="Sayfa Alt" class="emailImage" width="300" height="132"></a><br>
<span style="font-weight:bold; font-size:11px; font-family:Arial, Helvetica, sans-serif;"><a href="sayfa.html">Sayfa Açıklama</a></span><br>
<span style="font-size:9px; font-family:Arial, Helvetica, sans-serif;">Bla bla bla</span></div>

09-10-2016, 19:04:05

#2

_SecreT_

/*Mobil Kodlar*/
@media only screen and (min-width: 0px) and (max-width:480px) {
.emailImage  {
max-width: 100% !important;
width: auto\9 !important;
height: auto !important;
}

}

bu şekilde denermisiniz hocam

11-10-2016, 23:26:08

#3

~~poetry74~~

Üyeliği durduruldu

Hocam verdiğin kod oldu lakin mobilde düz duran telde sıkıntı yok teli yan çevirince iki reklam kodu yan yana oluyor bunun yerine tek reklam kodunu sağa sola nasıl hizalarım örnek vermem gerekirse etstur.com sitesindeki gibi

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

/*Mobil Kodlar*/
@media only screen and (min-width: 0px) and (max-width:480px) {
.emailImage  {
max-width: 100% !important;
width: auto\9 !important;
height: auto !important;
}

}

bu şekilde denermisiniz hocam