‘tablo’ etiketi için sonuçlar

Tablo Satırına Verilen Ardalan Resminin Tekrarlama Sorunu

Tablo satırına ardalan resmi tanımladığımızda Firefox ve Opera’da sorun yok iken Internet Explorer ve Webkit tabanlı tarayıcılarda(Safari ve Google Chrome) sorun çıkarıyor. Biz burada Internet Explorer için nasıl bir çözüm üretebiliriz onu göstereceğiz. Webkit tabanlı tarayıcılar için çözüm bulamadım üzgünüm.

table tr{
    background:url(images/southpark.gif) 0 0 no-repeat;
    height:130px;
}

İE de hatalı resmi

Örneği görmek için tıklayınız.

tanımlaması Firefox ve Opera da sorunsuz çalışırken IE ve Webkit tabanlı tarayıcılarda sorun çıkaracaktır.

Çözüm için

table tr{
    background:url(images/southpark.gif) 0 0 no-repeat;
    height:130px;
    position:relative;
}

table tr td{
    color:#fff;
    font:12px Arial, Helvetica, sans-serif;
    background:none;
}

İE düzeltişmiş görüntüsü

tanımlamaları yeterlidir. Örneği görmek için tıklayınız.

Kaynak

http://test.pixelbebop.com/test33/

18 Ağustos 2008 web’den seçme haberler

  • Firefox 3.1 ile birlikte gelen yeni CSS3 desteklerinden biri yeni border-images tanımı. Bağlantı
  • SmasingMagazine CSS ile yapılmış 10 güzel tabloyu seçmiş. Bağlantı
  • CSS ile Amazon sitesi arama sonuç ekranındaki görünümü yapmak. Bağlantı
  • İyi bir jQuery kullanmak için izlenmesi gerek yol. Bağlantı
  • Web kod yazarları için kod örnekleri sunan güzel bir site. Zamanla içeriğinin dahada artacağını ümit ediyorum. Bağlantı
  • İnternette yazı tipi kullanma seçenekleri. Bağlantı
  • CSS ve SEO – brkcan.com Bağlantı
  • SEO Dediğin Tek Dişi Kalmış Canavar – mafiamax.com Bağlantı
  • FireBug yardımı ile güzel sayfa kodlamak. Bağlantı
  • Twitter Nedir? Ne değildir? – webdeneyimleri.com Bağlantı
  • Yahoo’nun javascript kütüphanesinin(YUI) 3. sürümü çıkıyor. Bağlantı
  • jQuery ile otomatik dipnot yapmak. Bağlantı
  • Monitör çözünürlükleri ve site tasarımları üzerine güzel bir makale. Bağlantı
  • Mailing hakkında geniş bilgi. Bağlantı
  • Web standartlarında yanlış anladığımız 5 konu. Bağlantı

06 Ağustos 2008 web’den seçme haberler

  • Asp.Net 3.5 ile gelen yenilikler. Bağlantı
  • 10 güzel CSS ipucu. Bağlantı
  • Formlarda metinlerin yerlerini belirlemek. Bağlantı
  • W3C kontrolüne takılan hataları nasıl düzeltirsiniz? – siberkultur.com Bağlantı
  • Güzel derlenmiş CSS linkleri Bağlantı
  • Ücretsiz güzel bir wordpress teması. Bağlantı
  • Fare imlecinin tıklandığı yerde mesaj kutusu açmak. Bağlantı
  • Tablo Etiketinin Gönlünü Almak 2 – webdeneyimleri.com Bağlantı
  • sFIR tekniğine alternatif bir yöntem FaceLift, avantajları ve dezavantajları ile incelemeye değer. Bence en büyük dezavantajı PHP ile çalışması. Bağlantı
  • SitePoint CSS kitabından ipuçları. Bağlantı
  • Sitemize sFIR 3 ile farklı yazı tipleri nasıl ekleriz? Bağlantı
  • Mozilla Laboratuvarları geleceğin internet tarayıcıları hakkında düşünüp bir video hazırlamışlar. Bağlantı
  • Blog Yazılarına Daha Fazla Yorum Almanın Yolları – selcukhoca.com Bağlantı
  • WordPress 2.7 de eklenti yönetimi – blog.wolkanca.com Bağlantı

26 Mayıs 2008 web’den seçme haberler

  • CSS ile düzenlenmiş tablolar. Bağlantı
  • input ve button arasında farklılıklar. Bağlantı
  • CSS ile mesaj kutuları hazırlamak. Bağlantı
  • jQuery ile yapılmış güzel bir tarih aralığı seçimi. Bağlantı
  • CSS ve Jquery ile yapılmış güzel bir menü örneği. Bağlantı
  • jQuery yeni sürümü çıkmış 1.2.5 bazı sorunlar giderilmiş. Bağlantı
  • “Tek bir bilgisayarda birden fazla Internet Explorer” – eburhan.com Bağlantı
  • Basite indirgenmiş güzel bir yatay akordiyon menü örneği. Bağlantı
  • HTML5 ile birlikte gelen sıralı listeleri tersten sıralama özelliği. Bağlantı
  • Firefox3 1 ay içerisinde çıkması bekleniyor. Firefox3′ün gizli özellikleri Bağlantı
  • Dışa link için css ile ikon koymak. Bağlantı
  • jquery ile ilgili farklı bir büyük resim uygulaması. Bağlantı
  • Tarayıcı Uyumluluğu İçin CSS Sıfırlama – yakuter.com Bağlantı
  • 30 dakikada jQuery giriş yapmak. Bağlantı
  • jQuery ile animasyon geçişli içerikler. Bağlantı

Tablo Özellikleri

Daha önce "CSS ile Tabloları şekillendirmek" adlı makalemizde tablo yapılarını gördük ve görünümünü daha güzel nasıl yaparız onun üzerinde durmuştuk. W3C bu durumu göz önünde bulundurarak tablo ve tablo elementlerinin görünümünü düzenlemek için tablo özellikleri ekledi. Tablolar diğer HTML elementlerinden daha farklı kendine has elementlerdir ve farklı özellikleri vardır. Burada CSS2 ile birlikte gelen yeni özellikleri inceleyeceğiz.

CSS2 ile birlikte gelen bu özelliklerden birçoğumuzun haberi olmayabilir. Ancak bizlere yardımcı olacak bu özelliklere göz atmak güzel. Bu özellikleri uygulamamızda en önemli etken tabiki IE’nin bu özelliklerin bir kısmını desteklememesidir. Bu tabiki IE’ye puan kaybettiriyor ve Microsoft’da bunun farkına geçte olsa vardığı söyleniyor ve IE8 ile birlikte tam CSS desteğini bizlere sunacakmış, tabi o zamana kadar Firefox IE’yi silip süpürmezse :D

Okumaya devam edin »

Sql’de Tekrarsız sonuçlar elde etmek – DISTINCT

Bu kodu her defasında kullanmadan önce nasıl kullanıldığını arıyorum. Bu günde aradım ve buraya yazmaya karar verdim. Unutursam burada bulurum diye. Belki sizlerede yarar.

Şimdi kullanıcıların uyelik’lerinin ve resimlerinin olduğu iki tablom var. Bunları bir birine bağlıyorum ve sadece resimleri olanları gösteriyorum. Ancak şöyle bir sorunum oldu. Her resim için sonuçlar tekrarlıyor. Yani adam iki adet resim ekleyince sonuçta iki kere gösteriliyor. Tekrarı engellemek için ise DISTINCT kullandım.

DISTINCT: SQL’de tablo içinde birbirinin aynı veriler bulunabilir.Aynı satırların listeleme esnasında bir kez yazılması için Distinct sözcügü kullanılır.

SELECT DISTINCT kullanici.Email, kullanici.Name, kullanici.Surname  FROM kullanici INNER JOIN images ON kullanici.Id = images.UyeId

Şekline yazınca oluyor. Bu kod sonucu e-postalar tekil olduğu için tekrar eden verilerden kurtulmuş oluyorum.

« Önceki Yazılar

Kategoriler

Kitap

CSS'e başlangıç Uzun süredir üzerinde çalıştığım CSS’e başlangıç kitabımı bitirdim. Aslında buna bir kitap demek ne kadar doğru bilmiyorum. Tam doğru tanımı makalelerimin derlenip düzenli hale getirildiği bir e-doküman demek daha doğru olur. Bu kitap makalelerimi derleyip hazırladığım ilk kitap. İnşallah ikinci kitabıda yazmayı düşünüyorum. Zaman ve imkânlar nispetinde 2. kitapta çıkacaktır.