Şimdi Ara

html css Takıldım arkadaşlar image dizmek hakkında

Daha Fazla
Bu Konudaki Kullanıcılar: Daha Az
2 Misafir - 2 Masaüstü
5 sn
4
Cevap
0
Favori
901
Tıklama
Daha Fazla
İstatistik
  • Konu İstatistikleri Yükleniyor
0 oy
Öne Çıkar
Sayfa: 1
Giriş
Mesaj
  • merhaba herkese


    tasarımı css ile yapiyorum imageların olucaği bir sayfa olucak 3 image yan yana dizilicek buda 4 kez tekrarlıycak yani

    image image image image
    image image image image
    image image image image
    image image image image

    gibi bunu nasıl yapabilirim div açip içine 16 tane div açsam olmaz :) <li> ilemi yapıcam
    yani bir tane tag acıcam içine imagları çağrıcam?ama ole yaparsam arkasına border veya renk nasıl atarım
    çok teşekürler yardımlarınız için

    ornek olarakhttp://www.homestyle.co.nz/get-creative deki gibi



    < Bu mesaj bu kişi tarafından değiştirildi Ecdera74 -- 14 Eylül 2012; 18:35:16 >



  • quote:

    Orijinalden alıntı: Ecdera74

    merhaba herkese


    tasarımı css ile yapiyorum imageların olucaği bir sayfa olucak 3 image yan yana dizilicek buda 4 kez tekrarlıycak yani

    image image image image
    image image image image
    image image image image
    image image image image

    gibi bunu nasıl yapabilirim div açip içine 16 tane div açsam olmaz :) <li> ilemi yapıcam
    yani bir tane tag acıcam içine imagları çağrıcam?ama ole yaparsam arkasına border veya renk nasıl atarım
    çok teşekürler yardımlarınız için

    ornek olarakhttp://www.homestyle.co.nz/get-creative deki gibi

    cevabı sen vermişsin zaten




  • Bu örneği incelersen istediğin şeyi yapabilirsin sanırım.


    <!DOCTYPE html> 
    <html>
    <head>
    <style type="text/css">
    .thumbnail
    {
    float:left;
    width:110px;
    height:90px;
    margin:5px;
    }
    .text_line
    {
    clear:both;
    margin-bottom:10px;
    }
    </style>
    </head>

    <body>
    <h3>resim galerisi </h3>

    <img class="thumbnail" src="http://www.w3schools.com/css/klematis_small.jpg" width="107" height="90">
    <img class="thumbnail" src="http://www.w3schools.com/css/klematis2_small.jpg" width="107" height="80">
    <img class="thumbnail" src="http://www.w3schools.com/css/klematis3_small.jpg" width="116" height="90">
    <img class="thumbnail" src="http://www.w3schools.com/css/klematis4_small.jpg" width="120" height="90">
    <h3 class="text_line">İkinci sıra </h3>
    <img class="thumbnail" src="http://www.w3schools.com/css/klematis_small.jpg" width="107" height="90">
    <img class="thumbnail" src="http://www.w3schools.com/css/klematis2_small.jpg" width="107" height="80">
    <img class="thumbnail" src="http://www.w3schools.com/css/klematis3_small.jpg" width="116" height="90">
    <img class="thumbnail" src="http://www.w3schools.com/css/klematis4_small.jpg" width="120" height="90">
    </body>
    </html>


    Ayrıca CSS ile ile ilgili bazı özellikleri buradan inceleyebilirsin




  • çok çok teşekür ederim cidden işime yaradı
  • 
Sayfa: 1
- x
Bildirim
mesajınız kopyalandı (ctrl+v) yapıştırmak istediğiniz yere yapıştırabilirsiniz.