Resimleri sayfaya yerleştirmek

19 yıl

Yüzbaşı

Konu Sahibi

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

DH forumlarında vakit geçirmekten keyif alıyor gibisin ancak giriş yapmadığını görüyoruz.

Üye olduğunda özel mesaj gönderebilir, beğendiğin konuları favorilerine ekleyip takibe alabilir ve daha önce gezdiğin konulara hızlıca erişebilirsin.

Üye Ol Şimdi Değil

Bir Daha Gösterme

X

X Files

19 yıl

Yarbay

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.

Bu mesaja 2 cevap geldi.

S

sanal47

19 yıl

Yüzbaşı

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 >
Bu mesaja 1 cevap geldi.

P

pupayelken61

19 yıl

Yüzbaşı

Konu Sahibi

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

P

pupayelken61

19 yıl

Yüzbaşı

Konu Sahibi

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

X

X Files

19 yıl

Yarbay

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

Bu mesaja 2 cevap geldi.

S

sanal47

19 yıl

Yüzbaşı

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 >
Bu mesaja 1 cevap geldi.

X

X Files

19 yıl

Yarbay

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...

Bu mesaja 1 cevap geldi.

S

sanal47

19 yıl

Yüzbaşı

Teşekkür ederim Xfiles.

Bu mesaja 1 cevap geldi.

A

armra

19 yıl

Yüzbaşı

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 :)

Bu mesaja 1 cevap geldi.

P

pupayelken61

19 yıl

Yüzbaşı

Konu Sahibi

arkadaşlar hepinize ayrı ayrı teşekkür ederim ben üzerinde çalışayım takıldığım yer olursa size sorarım çok sagolun

P

pupayelken61

19 yıl

Yüzbaşı

Konu Sahibi

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

Bu mesaja 1 cevap geldi.

S

sanal47

19 yıl

Yüzbaşı

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 >
Bu mesaja 1 cevap geldi.

P

pupayelken61

19 yıl

Yüzbaşı

Konu Sahibi

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

Bu mesaja 1 cevap geldi.

A

armra

19 yıl

Yüzbaşı

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 >