Tablo hücresi Backgroundını fixlemek?

[jeanguichard]

Şimdi yapmak istediğim tam olarak hücreden daha büyük bir image'i hücreye background olarak atayıp image'in hücre boyutuna göre küçülmesini sağlamak. Yani background image hücre den büyükde olsa tamamının görünmesini istiyorum.

Örnek olarak eurosport' un sitesini (http://uk.eurosport.yahoo.com/football/) gösterebilirim. Ana menüdeki başlıkların arkaplanı image (http://l.yimg.com/i/i/eu/sp/navt5.gif). Image in boyutu 600x600px ama yinede tamamı görünüyor ana menüdeki buttonlarda. Yani bir şekilde image daralıyor ya da fix leniyor.

Fikri olan?

[Eretna]

sitenin css kodlarını incelemekte yarar var..

[MaviAteş]

Ben biraz inceledim, konuyla ilgili olabilecek sadece şunları bulabildim ama bir şey anlamadım.

.a span {
background:transparent none no-repeat scroll right top;
}

Bu arada CSS incelemekte ve tarayıcıda sayfayı izlerken CSS üzerinde değişiklikler yaparak anında sonucu görmenizi sağlayan FireFox'un FireBug eklentisini tavsiye ederim. İlk önceleri biraz karmaşık ama öğrenmeye başladıkça güzelleşiyor.

[jeanguichard]

Evet bende firebug kullanıyorum zaten. Fakat verdiğiniz style kasteddiğim alanda kullanılmamış.

[MaviAteş]

Ana menüdeki "Home" yazısına tıkladığım zaman dediğiniz resmin arkaplan olarka verildiğini ve yukarıda bahsettiğim css kodlarını görebiliyorum.

Yukarıda yazdığım bölüm.
http://images.cjb.net/6c183.jpg

[jeanguichard]

İlgili alan burası değil mi?

#yeug-navigation .main li.current h1 {ep_core_1.38.css (line 814)
background-image:url(http://l.yimg.com/i/i/eu/sp/navt5.gif);
}

[MaviAteş]

Firebug 'da sol tarafta bir etiketi seçili hale getirdiğimizde, sağ tarafta o etikete etki eden tüm CSS ler gösteriliyor diye biliyorum yani en azından şimdiye kadar kullandığımdan öyle anladım.

Sağ taraftaki kodları incelediğimde de 600x600 piksellik bu resimi küçültecek bir bölüm bulamadım.
O kadar karışık yapmışlar ki bir şey anlamak mümkün değil zaten. Belki de javascript ile yapıyorlardır.Buradan sonuç çıkmazsa onlarıda incelemekte fayda var.

[Eretna]

ben incelemeye başladım bitirince burda açarım gerekli kodları.
şimdide çözdüm sayılır ama css biraz kalabalık
temizlik gerekli...

[Eretna]

bu arada işin içine js girmemiş sadece css var.
ben çözdüm normalde o görüntüyü aldım ama css bayağı bir karıştırmışlar.
tabiri caizse arap saçı gibi olmuş.
tam olarak bu işlemi yapan yeri bulup gerekli kodları açığa çıkacağım.
ama şimdi yatacam tabiii
çok yorgunum bir sorun olmazsa ise yarın burda kodları yayınlarız...

[Eretna]

arkadaşlar kodu temizleyemedim ama mantığını çözdüm.
aynı bg ve menu üzerinden giderek nihayetinde çok kısa bir css ile istediğimiz sonuca vardım.
dosya ektedir. isteyen güle güle kullansın.
(offf yatacam diye mesaj attım ama işte çözmeden yatmadım... şimdi gönül rahatlığı ile yatabilirim.)
herkeze iyi geceler