Üye Girişi
Bağlan Google+ ile Bağlan Facebook ile Bağlan
Yeni Kayıt
Tüm Forumlar
  • Tüm Forumlar
  • Web Tasarım - Programlama
  • Yazılım Geliştirme
  • PHP / CGI
  • Bu Konuda
Şimdi Ara

html ve css ile sola dayalı resim ekleme

Sıcak Fırsatlarda Tıklananlar
Editörün Seçtiği Fırsatlar
Daha Fazla
Bu Konudaki Kullanıcılar: Daha Az
2 Misafir - 2 Masaüstü
5 sn
11
Cevap
0
Favori
4.272
Tıklama
Daha Fazla
İstatistik
  • Konu İstatistikleri Yükleniyor
Konuya Özel
0 oy
Öne Çıkar
Cevapla
Sayfa: 1
Giriş
Mesaj
  • arkadaşlar selam,

    websitemdeki yazılara sola dayalı birer resim eklemek için aşağıdaki kodu yazdım:

    HTML KODU: <img src="/yuklu/tolga.jpg" class="post">[[[hemen bu koda bitişik şekilde içeriğim var.]]]

    CSS KODU:

    img.post{
    float: left;
    margin: 3px 5px;
    border: 1px solid black;
    }

    fakat uyguladığımda resmin üst tarafında her zaman bir boşluk oluşuyor. aşağıdaki resimdeki gibi:


    html ve css ile sola dayalı resim ekleme


    bu boşluk neyin nesidir, nasıl giderebilirim?

    yardımlarınızı bekliyorum.





    html ve css ile sola dayalı resim ekleme



    < Bu mesaj bu kişi tarafından değiştirildi mutevaggil -- 27 Şubat 2012; 20:24:48 >







  • Üstten ve alttan 3px margin vermişsin.
  • @trademark hocam,,

    margini kaldırdığımda da boşluk devam ediyor...
  • Kodun tamamını görmeden daha fazla sonuç çıkaramam. Ayrıca img etiketi <img> şeklinde kapatılmaz <img /> şeklinde kapatılır



    < Bu mesaj bu kişi tarafından değiştirildi TradeMark -- 27 Şubat 2012; 20:32:45 >
  • selam hocam,,,

    kodu düzelttim /> ile kapattım ama problem devam ediyor.
  • Onu düzeltmen sorununu çözer demedim, kodun tamamını görmem lazım dedim.
  • kodun tamamı yok aslında hocam,,, içerik yönetim sistemi, drupal tabanlı bi site. bunun yazı editörüne ekliyorum html kodunu. css kodunu da temanın style.css dosyasına ekledim.

    yardımla için tşeekkürkler hocam.
    • Yapay Zeka’dan İlgili Konular
    Web tasarım ve programlama ile ilgili DH'de anlatılmış konular
    20 yıl önce açıldı
    Birden Çok Resmi Alt Alta Tek Bir Resim Dosyası Yapma?
    13 yıl önce açıldı
    PHP'de Fotoğraf Üzerinde İşlemler
    20 yıl önce açıldı
    Daha Fazla Göster
  • margin-top:0px; yada margin-top:-5px; gibi değerler vererek deneyebilir misin?
  • Resmin boyutundan olabilir mi acaba ?
  • style.css'te, 212. satıra bak, orada .post sınıfı için yazdığın CSS sınıfını göreceksin. Orada şöyle yazdığın için oluyor anlattığın problem: 

     
      .post { 
         clear: both; 
         padding-top: 10px; 
         text-align: justify; 
      } 
       
      /* Gördüğün gibi burada .post sınıfına ait bütün elemanlara üstten 10 piksel padding vermişsin */



    Resimdekini gidermek için yapman gereken de bunun tersini yapmak. Şöyle: 

     
      img.post{  
         float: left;  
         margin: 3px 5px;  
         border: 1px solid black; 
         padding-top: 0px; 
      }
  • resmin üstünde beyaz bir bant olmasın !
    • 
Sayfa: 1

Benzer içerikler

- x
Bildirim
mesajınız kopyalandı (ctrl+v) yapıştırmak istediğiniz yere yapıştırabilirsiniz.
Hizmet kalitesi için çerezleri kullanabiliriz, DH'yi kullanırken depoladığımız çerezlerle ilgili veri politikamıza gözatın.
Kabul Ediyorum