[deepblue]

Bir buton yapmak istiyorum ama şöyle:

Tarayıcının CSS desteği açık olduğunda buton üzerinde yazı yazmasın. Yani aşağıdaki resimdeki gibi bir buton olsun.


Fakat tarayıcının CSS desteği kapatıldığında ise erişilebilirlik adına buton üzerinde yazı görünsün. Yani aşağıdaki resimdeki gibi bir buton olsun.


-------

Şimdi böyle bir şey yapmak için CSS'nin text-indent özelliğini kullanayım dedim ama olmadı. Şu kodları denedim:

.erisilebilir_buton {
	width: 100px;
	height: 25px;
	
	text-indent: -9999px;
	border: 1px solid #ccc;
	background: #ebe6e8 url(stop.png) left no-repeat;
	}

<input type="button" value="D u r d u r" class="erisilebilir_buton" />

js ile bir cozum var ama, CSS calistirmayan tarayici js zaten calistirmayacak?

[deepblue]

Hocam etme eyleme CSS ile JS'nin ne ilgisi var.

CSS kapatıldığında JS çalışmaya devam eder. Firefox kullanıyorsan Görünüm -> Sayfa Stili -> Biçim Yok menüsünden kendin bir kontrol et istersen.

Bu arada ben sadece CSS ile yapmak istiyorum.

[emremer]

.CSS açık iken yazısız resim, kapalı iken yazı/buton görünüyor. Tam istediğin gibi.
Yanlış mı anlıyorum? Olmayan nedir?

.

deepblue tarafından gönderilen mesaj:

Hocam etme eyleme CSS ile JS'nin ne ilgisi var.

CSS kapatıldığında JS çalışmaya devam eder. Firefox kullanıyorsan Görünüm -> Sayfa Stili -> Biçim Yok menüsünden kendin bir kontrol et istersen.

her durumda erisilebilir deyince CSS yorumlayamayan tarayicilara cozum istedigini sandim.herneyse dedigim gibi normal tarayicilar icin js ile bir cozum var ama sadece HTML kullanarak nasil yapilacagini bilmiyorum.

iyi calismalar

[fatihturan]

Buradaki yazı eminim işini görecektir.

[deepblue]

Altı Üstü Tasarım'ın sitesinde aynı şey var. İşte benim yapmak istediğim buydu:





@fatihturan
Teşekkürler. En kısa zamanda inceleyeceğim.

Fakat benim ilk mesajımda bahsettiğim kodlarda şöyle bir sorun oluyor. Bu kodlar sadece Firefox ile çalışıyor. IE ve OPERA'da çalışmıyor.

CSS açık iken Firefox'da sadece buton üzerindeki resim görülüyor, yazı görülmüyor (tam benim istediğim gibi). IE ve OPERA'da ise CSS açık iken hem resim hem de yazı görülüyor

[sahip]

o söyledğin menüler CSS ile yapılan menüler. geçerlilik testlerine , erişilebilirliğe vb. uygun.

listamatic , burdan bakıp geliştirebilirsin.

düzeltme; özürdilerim altıüstü böyle değil ... div class lı CSS ile yapılmış.

[deepblue]

Ben ordaki münüleri (yazı arşivi, abonelik, ....) kastetmedim !

Resmin altına saklanmış yazılardan bahsediyorun. CSS kapatıldığında resim ortadan kayboluyor ama saklı olan yazılar gün ışığına çıkıyor Text-Indent ile yapılıyor sanıyorum. Ben denedim ama yukarıda da dediğim gibi IE ve OPERA'da çalışmıyor.

[sahip]

evet
http://www.zeldman.com/

menüsüde o şekilde ,

ama dediğim gibi CSS dosyalarını ve kodlarını incelemen gerekecek. bana çok karışık gelmişti...

kolay gelsin.