‘metin yerine resim koymak’ etiketi için sonuçlar
Float:left ve Text-align:right Atanmş Elemana Metin Yerine Resim Uygulama
Temmuz 28th, 2010 • 3 yorum CSS, XHTML
Etiketler: float:left, metin yerine resim koymak, text-align:right, text-indent
Daha önce Metin Yerine Resim ekleme yöntemini anlatmıştım ve bir çok yerde örnekler ile göstermiştim. Bu yöntemin uygulandığı eleman içindeki metni ekran dışına çıkarmak için text-indent:-9999px değeri atarız.
h1 {
text-indent: -9999px;
background:url(selam.gif) no-repeat;
width: 62px;
height:19px;
}
Burada şöyle bir sorunumuz oluyor eğer bu elemana text-align:right tanımıda atamış isek. Maalesef metin ekran dışına çıkmıyor.
h1 {
text-indent: -9999px;
background:url(selam.gif) no-repeat;
width: 62px;
height:19px;
text-align:right
}
Bu sorunu gidermek için sola dayalı sistemlerde negatif text-indent değeri veriyoruz, sağa dayalı sistemlerde de pozitif değer vererek bu durumu çözebiliyoruz. Bu çözüm yeni nesil tarayıcılarda sorun çıkarmazken İnternet Explore’da scroll çıkarmak kaydı ile sorun oluşturuyor.
h1 {
text-indent: 9999px;
background:url(selam.gif) no-repeat;
width: 62px;
height:19px;
}
Tüm tarayıcılarda çözüm için ise yapmamız çok kolay bir şey aslında. text-align:left tanımı atamak. Metin yerine resim koyma metodu uygulanan metinlerin hizalaması sola olmalıdır.
h1 {
text-indent: -999px;
background:url(selam.gif) no-repeat;
width: 62px;
height:19px;
text-align:left
}
Bu sorun ile genelde metin yerine resim metodu uygulanmış elemanını kapsayan bir elemana text-align:right uygulandığında rastlarız. Kalıtsallık ile bu özellik tüm alt elemanlarınıda etkilediği için biz bu elemana text-align:right değerini atamasak dahi elemanımız bu değeri üst elemanından kalıtsal olarak alır ve böyle bir soruna neden olur.
Kaynak:
27 Mart 2008 web’den seçme haberler
Mart 27th, 2008 • Haberler
Etiketler: .net, CSS, google maps, jquery, metin yerine resim koymak, mikroformat, mootools, web, WordPress, wordpress 2.5
- Web çalışanları üzerinde yapılan bir anket sonuçları. Bağlantı
- Asp.net sayfalarda form alanlarına odaklandığında ardalanı değiştirmek için yöntem. Bağlantı
- “Explorer’da <pre> tag’i ile innerHTML kullanmak” Bağlantı
- Asp.net’de Google Map kontrolü 1.Kısım Bağlantı
- 45′den fazla güzel WordPress teması. Bağlantı
- CSS ile 9 adet metin yerine resim koyma metodu. Bağlantı
- CSS ve mootools ile flash gibi farenin sağa ve sola kayması ile içeriğin hareket emesini sağlayan güzel bir örnek. Bağlantı
- WordPress 2.5 sürüm hakkında bilmemiz gerek 10 şey. Bağlantı
- IE6 için saydam PNG8 hazırlamak. Bağlantı
- ViewState nedeni ile w3c doğrulamasından geçemeyen sayfalar için çözüm. Bağlantı
- Flickr benzeri CSS ile resim üzerine map yapmak. Bağlantı
- CSS ile fare üzerine gelince değişen alanlar yapmak için güzel bir uygulama. Bağlantı
- jQuery ile esnek yapılı grafikler oluşturmak. Bağlantı
- Mikroformat hakkında 100′den fazla derleme link. Bağlantı
- WordPress 2.5 hakkında Wolkanca’dan geniş ve güzel bir bilgi. Bağlantı
- “WordPress bloğunuzu korumak için öneriler” Bağlantı
(X)Html – CSS : Başlıklar
Temmuz 30th, 2007 • 5 yorum CSS, Web Standartları, XHTML
Etiketler: ardalan-kaydırmaca, başlıklar, CSS, css-sprite-tekniği, metin, metin yerine resim koymak, Web Standartları, XHTML
Başlıklar bir siteye girdiğimizde dikkatimiziçeken ilk unsurlardandır.
Başlıkları sadece bir konunun başlığı olarak göremeyiz, onlar aynı zamandaerişebilirlilik ve tasarım açısından da önemlidir.
Başlıklar normal metine göre daha büyük font değerlerinde ve farklı renklerletanımlanır genelde. W3C başlıkları bir konunun kısa açıklaması olarak algılarve ona göre davranır.
Bu önemle bahsedilen başlıkları nasıl kodlamalıyım? Web kodlamanın önemli parçalarından biri olan başlıkların tanımlanması bu makalede göreceğiz.
Okumaya devam edin »
