Bi Delikanlı Bu Forumdaki Css Sorununu Çözebilirmi?

Tahribat.com Forumları
line

Html - CSS - XML - JavaScript - Ajax
line

Bi Delikanlı Bu Forumdaki Css Sorununu Çözebilirmi?

24/Haz/15 11:20

Kısayol

Şikayet

Özel Mesaj

shock56

Kayıt Tarihi: 31/Mart/2007

@media (max-width: 738px)
div.postMain .PostCanvas .PostContent img {
  /* max-width: 730px!important; */ 
}
div.postMain .PostCanvas .PostContent img {
  width: auto;
  height: auto;
  min-width: 16px;
  min-height: 16px;
  max-width: auto;
}

max-width: 730px!important; kaldırıp

width: auto; burası auto olduğu zaman düzeliyor gibi

Alıntı yap

24/Haz/15 11:24 Kısayol Şikayet Özel Mesaj

ozgunlu

Banlanmış Üye

Kayıt Tarihi: 11/Kasım/2011

Holü abü,

width : auto yap.

media tag' lerinde bulunan max-width' lerin hepsini 100% yap, olması lazım.

Hello, i am nothing. I come from Neverland.

Alıntı yap

24/Haz/15 12:40

Kısayol

Şikayet

Özel Mesaj

blutarm

Kayıt Tarihi: 09/Mart/2007

shock56 bunu yazdı

@media (max-width: 738px)
div.postMain .PostCanvas .PostContent img {
  /* max-width: 730px!important; */ 
}
div.postMain .PostCanvas .PostContent img {
  width: auto;
  height: auto;
  min-width: 16px;
  min-height: 16px;
  max-width: auto;
}

max-width: 730px!important; kaldırıp

width: auto; burası auto olduğu zaman düzeliyor gibi

@shock56 söylediği yöntem çözecektir img width 100% verdiğinden tekrar media screen ile max-width kullanımı gereksiz kalmış

blutarm tarafından 24/Haz/15 12:44 tarihinde düzenlenmiştir

Alıntı yap

24/Haz/15 14:43 Kısayol Şikayet Özel Mesaj

aksata

Kayıt Tarihi: 28/Aralık/2009

mobilde yazıların yarısından itibaren okunmuyor

Bazıları özgürlüğü sadece kendileri gibi düşünenlere reva görüyor...

Alıntı yap
24/Haz/15 15:54 Kısayol Şikayet Özel Mesaj

DrKill

Kayıt Tarihi: 10/Mart/2004

telden yazıyorum şu an. Yazı taşmalarını word wrap ile çözeceksin hocam. İmg işini media query ler ile limitle. Width ve height ler auto yap daima. Max width ve max height leri ise css media querler ile limitle.

Bu imzayı her gördüğünüzde 4gb kotanızın 0,00000358559191226959228515625 azalmaktadır. Bilerek ve istenerek bu imza yapılmıştır. Amaç kotanızı sömürmektir

Alıntı yap
24/Haz/15 20:27 Kısayol Şikayet Özel Mesaj
SaO

Kayıt Tarihi: 20/Haziran/2015
```
div.postMain .PostCanvas .PostContent img {
  width: auto;
  height: auto;
  min-width: 16px;
  min-height: 16px;
}
```
Bu sorunu çözecektir.

max-width'te auto kullanılmaz.

Sorunun asıl kaynağı burdaki !important.
```
@media (max-width: 738px)
div.postMain .PostCanvas .PostContent img {
  /* max-width: 730px!important; */
}
```
SaO tarafından 24/Haz/15 21:07 tarihinde düzenlenmiştir

/\/\___æ~~~~~
Alıntı yap
24/Haz/15 20:30 Kısayol Şikayet Özel Mesaj
pesimistzombie

Kayıt Tarihi: 14/Haziran/2006
mavimsi tema kullanın sorununuz çözülsün :B

şaka bir yana benim mavimsi temada bozulma yok? bir ayar gayar da yapmadım oysaki.

mavimsi temadaki hata vermeyen css bu gözüküyor;
```
div.postMain .PostCanvas .PostContent img {
  max-width: 100%;
  width: auto;
  height: auto;
  min-width: 16px;
  min-height: 16px;
}
```
diğer temalarda ise max-width üstü çizili ve hata veriyor.

yine benim yaptığım siyahimsi da da aynı hata var ben siyahimsiyi en son yüklenen tema paketine göre yapmıştım, mavimsiyi ilk tema paketine göre yapmıştım.

default css: http://i.hizliresim.com/PqbYDv.png

mavimsi css: http://i.hizliresim.com/g5146L.png
pesimistzombie tarafından 24/Haz/15 20:37 tarihinde düzenlenmiştir

:|
Alıntı yap
24/Haz/15 21:11 Kısayol Şikayet Özel Mesaj

futurist

Kayıt Tarihi: 19/Ocak/2014

anladığım kadarıyla senin istediğin şöyle:

sorunu css ile değil htmlye ek yaparak çözeceksin

1-mesela


      <div id="logo"><img src="images/resim.png" alt="tahribat sitesi" width="100%" height="100%"/></div>

bulunan sayfaya resimi böyel koyduktan sonra

css e geleceksin

background-color: transparent;
    color: rgb(255,255,255);   renk sana kalmış
    background-image: url(images/resim-background.jpg); resim büyük olsun
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    background-position-x: 50%;
    background-position-y: 0px;
    background-size:cover;
    background-repeat-x: no-repeat;
    background-repeat-y: no-repeat;
    background-origin: initial;
    background-clip: initial;
    height:1000px;
    width:100%;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-attachment:fixed; resimi sabitlemek için
    overflow:hidden hidden;
    position: relative;
    min-height:100%;
    min-width:100%;
    max-width:100%;
    max-height:100%;


ekledin mi?

küçük resim alıp her alanda aynı görünmesini bekleme

seçtiğin resim en kötü 1920x1080 px olacak.

css in kralını yazsan resim küçükse kesin bozulur hiç uğraşma yoksa.

Arkadaş uğruna ölmek kolaydır, ama uğruna ölünecek arkadaş bulmak çok zordur

Alıntı yap

24/Haz/15 21:14

Kısayol

Şikayet

Özel Mesaj

turkz

Kayıt Tarihi: 13/Aralık/2009

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Example</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.img-responsive{display:block;max-width:100%;height:auto}
</style>
</head>
<body>


  <h2>Image</h2>
  <p>The .img-responsive class makes the image scale nicely to the parent element (resize the browser window to see the effect):</p>
  <img class="img-responsive" src="http://res2.windows.microsoft.com/resbox/en/windows/main/6bd8ea1e-be48-4c90-9122-06357e898d07_4.jpg" alt="genisresim"> 

</body>
</html>

Hocam hızlıca göz attım belki faydası olur yukarıdaki örnek kod istediğiniz gibi çalışıyor.

Ve Tahribatın kaynak koduna baktığım da initial-scale kodunun olmadığını görüyorum. Bununla ilgisi olmaması gerekiyor çünkü büyüklük yüzdesini değiştiren bir kod. O yüzden başka bir kod img kodunun düzgün çalışmasını engelliyor olmalı.

Dünyayı iyiler kurtaracak.

Alıntı yap

24/Haz/15 21:52 Kısayol Şikayet Özel Mesaj

yunusdogan

Kayıt Tarihi: 29/Temmuz/2005

o mürit logolarını az büyüt şeyhim.. eski top görseline benzettim ilk başta modlar beni ipne mi yaptı dedim aq :D

Alıntı yap

Toplam Hit: 4399 Toplam Mesaj: 27
css image width

Cevapla