Ortadan Sola 200 Px Kaydırma ?

25-01-2010, 18:56:24

Üyeliği durduruldu

Öncelikle herkese selamlar.

Bir sorunum var. Ortaladığım bir tabloyu ortadan sola doğru 200 px kadar yakınlaştırmam gerekiyor. ama sağdan veya soldan belirli bir uzaklığı olmayacak. Sadece ortadan sola doğru yakınlaştırmam lazım.Bunu css'de veya bir başka dilde nasıl yapabilirim ? Aşağıda resim olarak gösterdim. Umarım anlatabilmişimdir. Şimdiden teşekkürler.

25-01-2010, 19:46:04

#2

SefaCan

margin-right:200px;

25-01-2010, 19:52:29

#3

~~emrevolkanbjk~~

Üyeliği durduruldu

Hocam onu denedim. O zaman direk en sağdan 200 pixel uzaklaşıyor. Benim istediğim bunu ortadan yapmak.

25-01-2010, 20:05:56

#4

dEaTh

Alıntı

margin:0px 0px 0px -200px;

bunu bi dene bakalim ne gibi sonuç vericek

25-01-2010, 20:16:20

#5

YokSun

Arkadaşın dediği şekilde olacaktır.Ayrıca ayrıntılı olarak öğrenmek istersen şurayı incelemeni tavsiye ederim.

25-01-2010, 22:06:23

#6

~~emrevolkanbjk~~

Üyeliği durduruldu

dEaTh adlı üyeden alıntı: mesajı görüntüle

bunu bi dene bakalim ne gibi sonuç vericek

Yok hocam yine olmadı. Verdiğiniz siteyi de inceliyorum şimdi. Baya faydalı olucak bana teşekkür ederim..

Fakat sorun şu. Öncelikle sola doğru yaklaştırmak istediğim tablo center. Yani ortalanmış şekilde. Ben bunu ortadan sola doğru yaklaştırmak istiyorum. Sizin verdiğiniz marginleri denedim. Hatta bir çok alternatifinide denedim ama hepsi ya en sağdan ya da en soldan uzaklaştırıyor. Yani sayfanın en sağından ve solundan uyguluyor uzaklığı. Benim istediğim ise tam ortadan uygulamak..

25-01-2010, 22:17:25

#7

KontW

Ortadan kaydırmak gibi bir durum olamaz bildiğim kadarıyla. Siz onu belli bir ölçüye göre direkt olarak ya sağdan ya da soldan kaydıracaksınız.

Şöyle açıklayayım: Margin özelliği ile sağdan-soldan, yukarıdan-aşağıdan kaydırabilirsiniz.Ortalamak için de ya "margin-left:auto;margin-right:auto;" özelliklerini ya da "margin:0 auto;" özelliğini kullanırsınız. Siz bu değerleri zaten belirlemişsiniz. Bir daha kullanamayacağınıza göre mecburen dediğim şeyi yapmak durumunda kalacaksınız.

25-01-2010, 22:30:39

#8

Erturk

Bunu yapmanın en mantıklı yolu şudur.

Ortalı olan tablonun boyutunu 500px farzedelim. Bu 500px lik tabloyu 700px lik bir alan içerisine alırsın ve bu 700px lik alanı ortalarsın.Alan içerisinde asıl tablonuda sola yaslarsın. Buyuk ihtimalle anlamadın demek istediğimi o yuzden koda döküyorum.

#kaplama {width:700px;margin:0px auto;padding:0px;} // Burası ana bölüm.700px genişliğinde ve her çözünürlükte tam ortalı.
.tablo {width:500px;float:left;margin:0px;padding:0px;} // Buda senın 500px lik tablon.Tam ortadan (Kendi uzunluguna gore) 200px sola itelenmiş durumda.

<div id="kaplama">
<div class="tablon">
içerik
</div>
</div>

Sayfanın toplam genıslıgını 700px farzederek resim olarakta koyayım.

Aklıma gelen ilk mantık bu.

25-01-2010, 23:28:41

#9

KontW

Erturk adlı üyeden alıntı: mesajı görüntüle

Bunu yapmanın en mantıklı yolu şudur.

Ortalı olan tablonun boyutunu 500px farzedelim. Bu 500px lik tabloyu 700px lik bir alan içerisine alırsın ve bu 700px lik alanı ortalarsın.Alan içerisinde asıl tablonuda sola yaslarsın. Buyuk ihtimalle anlamadın demek istediğimi o yuzden koda döküyorum.

#kaplama {width:700px;margin:0px auto;padding:0px;} // Burası ana bölüm.700px genişliğinde ve her çözünürlükte tam ortalı.
.tablo {width:500px;float:left;margin:0px;padding:0px;} // Buda senın 500px lik tablon.Tam ortadan (Kendi uzunluguna gore) 200px sola itelenmiş durumda.

<div id="kaplama">
<div class="tablon">
içerik
</div>
</div>

Sayfanın toplam genıslıgını 700px farzederek resim olarakta koyayım.

Aklıma gelen ilk mantık bu.

Uygulanabilir güzel bir mantık.