Şimdi Ara

Resimleri sayfaya yerleştirmek

Bu Konudaki Kullanıcılar:
2 Misafir - 2 Masaüstü
5 sn
15
Cevap
0
Favori
1.202
Tıklama
Daha Fazla
İstatistik
  • Konu İstatistikleri Yükleniyor
0 oy
Öne Çıkar
Sayfa: 1
Giriş
Mesaj
  • Arkadaşlar resimleri mesela 3 resmi yanyana koyacağım altlarınada açıklama yazıp isin adres vb..ama onlarada resimlerim altında ortalı olması lağzım bu şekilde yanyana 3 resim gelecek şekilde yerleştireceğim sonra alt alta sıralayacağım yani elimdeki 10 fotoyu bu şekilde yerleştirecem .ama nasıl



  • Bir table içini hücrelere bölebilir yada birkaç table ı iç içe yapabilirsin. Div kodları ve tbody aslında daha iyi olur ama sanırım yeteri kadar profosyenel değilsin.

    Herhangi bir Editörün dizayn modunda yapmayı dene. Eğer olmuyor dersen sana örnek bir sayfa hazırlayalım ona bakarak yada üzerinde değişikler yaparak bir şeyler yapılabilir.
  • Daha üzerinde çalışılması lazım.
      


    <html><head>
    </head>

    <style type = "text/css">


    p{text-align:center;}
    .pupayelken2005 { float:left; position:relative; width:300px; height:300px; }

    </style>
    <body>


    <div class="pupayelken2005"> <center><img width=100 height=100 src="resim0.bmp" ></img> </center>
    <p> aaa</p>
    <p> eeeeeeeeee</p>
    </div>

    <div class="pupayelken2005"> <center><img width=100 height=100 src="resim2.bmp" ></img></center>
    <p> 44444</p>
    <p> 222222222</p>
    </div>

    <div class="pupayelken2005"> <center><img width=100 height=100 src="resim0.bmp" ></img> </center>
    <p> aaa</p>
    <p> eeeeeeeeee</p>
    </div>


    <div class="pupayelken2005"> <center><img width=100 height=100 src="resim2.bmp" ></img></center>
    <p> 44444</p>
    <p> 222222222</p>
    </div>

    <div class="pupayelken2005"> <center><img width=100 height=100 src="resim0.bmp" ></img> </center>
    <p> aaa</p>
    <p> eeeeeeeeee</p>
    </div>


    <div class="pupayelken2005"> <center><img width=100 height=100 src="resim2.bmp" ></img></center>
    <p> 44444</p>
    <p> 222222222</p>
    </div>




    <div class="pupayelken2005"> <center><img width=100 height=100 src="resim0.bmp" ></img> </center>
    <p> aaa</p>
    <p> eeeeeeeeee</p>
    </div>

    <div class="pupayelken2005"> <center><img width=100 height=100 src="resim0.bmp" ></img> </center>
    <p> aaa</p>
    <p> eeeeeeeeee</p>
    </div>


    <div class="pupayelken2005"> <center><img width=100 height=100 src="resim2.bmp" ></img> </center>
    <p> 44444</p>
    <p> 222222222</p>
    </div>


    <div class="pupayelken2005"> <center><img width=100 height=100 src="resim2.bmp" ></img> </center>
    <p> 44444</p>
    <p> 222222222</p>
    </div>


    </script>
    </body>
    </html>




    < Bu mesaj bu kişi tarafından değiştirildi sanal47 -- 4 Aralık 2006; 18:45:05 >




  • quote:

    Orjinalden alıntı: X Files

    Bir table içini hücrelere bölebilir yada birkaç table ı iç içe yapabilirsin. Div kodları ve tbody aslında daha iyi olur ama sanırım yeteri kadar profosyenel değilsin.

    Herhangi bir Editörün dizayn modunda yapmayı dene. Eğer olmuyor dersen sana örnek bir sayfa hazırlayalım ona bakarak yada üzerinde değişikler yaparak bir şeyler yapılabilir.

    hocam tesekkur ederim daha acemiyim yolun basindayiz bakalim biraz ugrasayim
  • quote:

    Orjinalden alıntı: sanal47

    Daha üzerinde çalışılması lazım.
      


    <html><head>
    </head>

    <style type = "text/css">


    p{text-align:center;}
    .pupayelken2005 { float:left; position:relative; width:300px; height:300px; }

    </style>
    <body>


    <div class="pupayelken2005"> <center><img width=100 height=100 src="resim0.bmp" ></img> </center>
    <p> aaa</p>
    <p> eeeeeeeeee</p>
    </div>

    <div class="pupayelken2005"> <center><img width=100 height=100 src="resim2.bmp" ></img></center>
    <p> 44444</p>
    <p> 222222222</p>
    </div>

    <div class="pupayelken2005"> <center><img width=100 height=100 src="resim0.bmp" ></img> </center>
    <p> aaa</p>
    <p> eeeeeeeeee</p>
    </div>


    <div class="pupayelken2005"> <center><img width=100 height=100 src="resim2.bmp" ></img></center>
    <p> 44444</p>
    <p> 222222222</p>
    </div>

    <div class="pupayelken2005"> <center><img width=100 height=100 src="resim0.bmp" ></img> </center>
    <p> aaa</p>
    <p> eeeeeeeeee</p>
    </div>


    <div class="pupayelken2005"> <center><img width=100 height=100 src="resim2.bmp" ></img></center>
    <p> 44444</p>
    <p> 222222222</p>
    </div>




    <div class="pupayelken2005"> <center><img width=100 height=100 src="resim0.bmp" ></img> </center>
    <p> aaa</p>
    <p> eeeeeeeeee</p>
    </div>

    <div class="pupayelken2005"> <center><img width=100 height=100 src="resim0.bmp" ></img> </center>
    <p> aaa</p>
    <p> eeeeeeeeee</p>
    </div>


    <div class="pupayelken2005"> <center><img width=100 height=100 src="resim2.bmp" ></img> </center>
    <p> 44444</p>
    <p> 222222222</p>
    </div>


    <div class="pupayelken2005"> <center><img width=100 height=100 src="resim2.bmp" ></img> </center>
    <p> 44444</p>
    <p> 222222222</p>
    </div>


    </script>
    </body>
    </html>



    tesekkur ederim arkadasim oldu vallahi link nasil verebliriz bunlara yani resmin ustune geldinmi baska sayfada buyuk resim olarak acilsin




  • Galeri tarzında bir şey düşünüyor iseniz şu linke bir göz atmanızı rica ederim


    http://forum.donanimhaber.com/m_10665512/tm.htm
  • Resimlerin zaten büyük ise yukarıdaki kodda yükseklik ve genişliğine istediğin sayıyı yazıp ufak gösterebilirsin.

    Resimi link arasına ekle. Aşağıdaki gibi yap hepsini. Resme tıklandığında gerçek ebatları ne ise o ebatta açılacaktır yeni sayfada.
      
    <center><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=10802784&url=resim0.bmp" data-href="resim0.bmp"><img width=100 height=100 src="resim0.bmp" ></img> </a></center>



    < Bu mesaj bu kişi tarafından değiştirildi sanal47 -- 4 Aralık 2006; 20:08:22 >
  • quote:

    Orjinalden alıntı: sanal47

    Resimlerin zaten büyük ise yukarıdaki kodda yükseklik ve genişliğine istediğin sayıyı yazıp ufak gösterebilirsin.

    Resimi link arasına ekle. Aşağıdaki gibi yap hepsini.
      
    <center><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=10802887&url=resim0.bmp" data-href="resim0.bmp"><img width=100 height=100 src="resim0.bmp" ></img> </a></center>




    Sanal47

    Özür dileyerek

    <a href="resim0.bmp" target="_blank" ><img width=100 height=100 src="resim0.bmp" ></img> </a></center>

    yoksa tarayıcı çubuğundan geriye gitmek zorunda kalabilir...




  • Teşekkür ederim Xfiles.
  • ben alakasız bişe söyliyim,
    şimdiye kadar img tagını "<img></img>" hiç böyle kullanmadım, hep böyle <img /> kullandım. w3c'ye göre xhtml 1.0 standardında da yok böyle bişi. yani kod yazarken eksiltmek farzdır, artırmak vacip :)
  • arkadaşlar hepinize ayrı ayrı teşekkür ederim ben üzerinde çalışayım takıldığım yer olursa size sorarım çok sagolun
  • quote:

    Orjinalden alıntı: X Files

    Galeri tarzında bir şey düşünüyor iseniz şu linke bir göz atmanızı rica ederim


    http://forum.donanimhaber.com/m_10665512/tm.htm

    güzel ama benim istediğim sanal47 arkadaşımızın kodlarında ki gibi görüntü ama buda işime yaraya bilir onuda bir inceleyeyim
  • armra
    Bende Evrsoft first page 2006 isimli web sayfası yapan bir program var. Senin mesajını okuduktan sonra onu kullanarak resim ekledim. img kapatması yapmıyor.
      
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <title>Untitled</title>
    </head>

    <body>
    <img src="istanbul370.jpg" width="400" height="300" border="0">

    </body>
    </html>

    nvu isimli bir program var. Onu kullanarak ekledim.
       
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <meta content="text/html; charset=ISO-8859-1"
    http-equiv="content-type">
    <title></title>
    </head>
    <body>
    <img style="width: 1024px; height: 512px;" alt="yildiz"
    src="yildizlar.png">
    </body>
    </html>


    Resim kodunun dış html kodunu almak için şu kodu yazdım.
       
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
    <title>resim</title>



    </head>
    <body>
    <img id="img" style="width: 1024px; height: 512px;" alt="aaaaaa" src="FAQanswer3.gif">

    <script type ="text/javascript">
    var e = document.getElementById('img');

    alert(e.outerHTML)
    </script>

    </body>
    </html>

    Mesaj kutusu Opera'da
    <img id="img" style="width: 1024px; height: 512px;" alt="aaaaaa" src="FAQanswer3.gif"/>
    bunu gösterirken
    İnternet Explorer'de
    <img id="img" style="width: 1024px; height: 512px;" alt="aaaaaa" src="FAQanswer3.gif">
    bunu gösterdi.
    Aradaki fark sondaki /> birinde böyle iken diğerinde > oluyor.
    Ben sizin haklı olduğunuzu düşünüyorum.



    < Bu mesaj bu kişi tarafından değiştirildi sanal47 -- 5 Aralık 2006; 12:19:17 >




  • arkadaşlar resimleri ekledim sayfa tam istediğim gibi oldu yalnız bir sorun var resimler kötü gözüküyor uzantılarını jpg yaptım ama resmi cektiğim fatagraf makinesi panasonic 6mps resimlerin orjinalleri çok net ama sayfaya koyduğum zaman sanki adamın gözü kör gibi renkler merdiven gibi duruyor bunu nasıl düzelte bilirim
  • resmin uzantısını jpg yapmakla resim küçülmez/ jpg de olmaz. bmp kaba bir formattır. onu bir resim editöründe işlemen lazım. sen renklerdeki sıralanmaya merdiven gibi dediğin için resim kalitesini çok düşürdüğünü anlıyorum. hangi program kullanıyorsun bilmiyorum ama irfan view bu işi kolayca yapar. free ve paketinde hertürlü eklenti mevcut.

    ---------------------------
    sanal kardeşim eğer img taglarını kapatmazsan böyle /> xml'de parse error alırsın. xml standrdına uygun kod yazmaya alışmanızı tavsiye ederim. ilerde çok faydasını görürsünüz. <img /> <br /> <hr /> bu kodlar böyle yazılmalıdır. aksi xhtml standartlarına uymaz ve xml hatası verir. açılan tüm taglar kapatılmalıdır. </p> gibi çakal tagları da kullanmayın :) .



    < Bu mesaj bu kişi tarafından değiştirildi armra -- 8 Aralık 2006; 11:18:35 >
  • 
Sayfa: 1
- x
Bildirim
mesajınız kopyalandı (ctrl+v) yapıştırmak istediğiniz yere yapıştırabilirsiniz.