Resmi Bölmek

utkuts · 1 30-07-2010, 20:10:54

Merhaba arkadaşlar;

Nasıl anlatacağımı bilmiyorum ancak Genişliği 600 yüksekliği 400 olan bir resim var elimde. Ben bunu gösteriren style dosyasıyla resmin genişliğinin sadece 300 pixelinin görüntülüyorum. Yani resim 600x400 ancak sayfada 300x400 olarak gözüküyor. Ama benim asıl istediğim diğer 300 pixellik bölümünün görüntülenmesi.

Yani resmin diğer yarısı görüntülenecek, bunu nasıl yapabilirim?

terabilisim · 2 30-07-2010, 21:13:05

İki yöntemle yapabilirsin, ilki resmi kesmek, ikincisi resmi zemin göstererek, background-position ile istediğin kısmı göstermekç

Div mantığını kullandıgını farzedersek eğer;

HTML-Kodu:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
body{background:#000}
.kutu{display:block;width:300px;height:400px;background:url(resim.png) no-repeat -300px 0px}
</style>
</head>
<body>
<div class="kutu">

</div>
</body>
</html>

burada önemli olan; -300px 0px; dir. -300 olduğunda bu şekil, 0px 0px olduğunda bu şekil görüntü elde edilir. Daha detaylı bilgi için "background-position" şeklinde araştırabilirsin. Ayrıca "css sprite" olarak da bakarsan iyi olur.

utkuts · 3 30-07-2010, 21:58:43

Teşekkürler, -300 çok süpermiş. Referans noktasının yerini negatif alınabildiğini tahmin etmedim

Tekrar teşekkür ederim herşeyi elle düzeltim 2 kat bw harcamaktan kurtardın

rep gönderdim.

Turkyorumcu · 4 30-07-2010, 22:34:03

Ayrıca işi biraz daha abartıp background:url(resim.png) arka plan resmini de .css ile saydamlaştırırsan tadından doyum olmaz

Seçenekler
Yazdırılabilir şekli göster Sayfayı E-Mail olarak gönder