‘Margin’ etiketi için sonuçlar
Eksi Margin Kullanımı
Kasım 10th, 2009 • 8 yorum CSS, XHTML
Etiketler: eksi-margin, Elastik Web Sayfaları, float, Margin, Sabit-Konumlandırma
Margin özelliği eksi değer alabilir. Eksi değerler bize tasarımsal olarak farklı uygulamalar geliştirmemize yardımcı olur. Tabi bir çok özellikte olduğu gibi burada da farklı tarayıcılarda bazı sorunlarla karşılacağız.
Eksi margin’li değerler bize görsel olarak avantaj sağlar, kodlamamıza yardımcı olur örneğin esnek yapılı sayfaları düzenlememizde ve bir elemanın çizgileri dışına taşırma işlemlerinde.
Eksi margin kullanımı bir hile değildir, CSS’in desteklediği normal bir değerdir.
Eksi margin bir çok yerde kullanıyoruz. Ancak biraz bilinçsiz kullanıyoruz. Ben burada çizgileri belirleyip ona göre hareket etmeyi düşündüm ve bu yazı ortaya çıktı. Eksi marginleri yakından tanıyalım.
Eksi Margin’i iki yerde uygularız.
- Sabit konumlandırılmış elemanlarda
- Float uygulanmış elemanlarda
“CSS’e başlamak” kitabı hazır
Şubat 26th, 2008 • 6 yorum Haberler
Etiketler: background, Başlangıç, Border, content, CSS, css'in teorisi, font, inherit, kitap, list, Margin, outline, Padding, table, text
Uzun süredir üzerinde çalıştığım CSS’e başlangıç kitabımı bitirdim. Aslınada 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.
Bu kitap makalelerimi derleyip hazırladığım ilk kitap. İnşallah ikinci kitabıda yazmayı düşünüyorum. Zaman ve imkanlar nispetinde 2. kitapta çıkacaktır.
Kitabı ve kaynak dosyalarını indirmek için tıklayınız.
Kenar Boşluğu(Margin) Çökmesi
Ağustos 6th, 2007 • 11 yorum CSS, XHTML
Etiketler: CSS, kenar-dış-boşluğu, Margin, margin-çökmesi, marj, XHTML
Daha önceki makalelerimde devamlı margin kelimesini kullandım ancak bu makaleyi yazarken karşıma margin(marj) yerine Türkçe kenar boşluğunu kullanabileceğimi gördüm. Bu makalede ve sonraki makalelerimde bu şekilde kullanacağım. Makalelerimi yazarken devamlı Türkçe kelimeler kullanmayı tercih ediyorum, ancak bazı kelimelerin karşılılarını bulmakta zorlanıyorum. Neyse asıl konuya geçelim.
Kenar boşluğu çökmesi nedir? Kenar boşluğu nasıl meydana gelir ve nasıl çözülür? Bu makalede bu sorulara cevap bulacağız.
Okumaya devam edin »
14 Mart 2007 Web’den seçme haberler
Mart 14th, 2007 • 2 yorum Haberler
Etiketler: Aksak Kolonlar, CSS, Firefox, Haberler, Javascript, Margin, Opera, renk, spam, WordPress
- 50 adet Firefox eklentisi Link, 20 tanede burada sıralanmış. Link
- EOGallery javascript ile hazırlanmış güzel bir resim galerisi örneği. Link
- Javascript ve CSS yardımı ile Font kontrolü scripti. Link
- 71 Adet CSS ile yapılmış menü listesi linklerinin sıralandığı bir sayfa. Link
- İnternet üzerindeki renk seçim araçlarının kısa açıklması ve linkleri. Link
- Javascript ile yapılmış güzel örnekler(LightBox, Animasyonlu resim menü, Form Kontrolü, oval kenarlı kutular ve tablo filtreleme). Link
- 42 tane hazır aksak(faux) kolonlu CSS Planı örneği. Link
- Margin kullandığımız bazı durumlarda web tarayıcıları arasındaki farklardan yakınırız. Bu hatayı gidermek için yazılmış güzel bir İngilizce makale. Link
- WordPress’de spam’ı engellemek için 4 adım. Link
- WordPress "Feed Styler" WordPress RSS beslemelerini düzenlemek için bir eklenti. Link
- Firefox, IE derken şimdi de Opera kod yazarlarına yardımcı araç olarak “Opera Developer Tools” çıkardı. Link
- Hasan Yalçın ilk WordPress temasını yaptı. Hayırlı uğurlu olsun. Link
CSS Kutu Modeli – Margin Özellikleri
Ağustos 3rd, 2006 • 24 yorum CSS
Etiketler: bottom, CSS, left, Margin, margin-right, margin-top
Margin özelliği elementin etrafındaki boşluk olarak tanımlanır. Negatifdeğer alabilir. Tek tek özellikler(margin-top,margin-left vd.) atanabildiğigibi tek bir özellikle(margin) de tanımlama yapılabilir. Margin özelliklerinianlamak için lütfen Box modellerine bir göz atın.
Okumaya devam edin »
CSS ile Kutu modeli, sorunları ve çözümleri
Nisan 26th, 2006 • 52 yorum CSS, Web Standartları, XHTML
Etiketler: Border, Box-Model, CSS, düzeltme, fix, kenar-çizgisi, kenar-dış-boşluğu, kenar-iç-boşluğu, Kutu-Modeli, Margin, Padding, Web Standartları, XHTML
CSS’e geçişte en çok düşündüren konu niye CSS geçelim ve CSS’in avantajları nelerdir? CSS’in avantajı bize web sayfasındaki elemanlara daha fazla müdahele etme imkanı vermesidir. Burada bunun en güzel örneklerinden birini göreceğiz.
CSS tüm HTML elementlerini bir dikdörtgen kutu içine konmuş varsayarak ona göre pozisyonları ve boyutlarını konrol eder. Bu elementler her zaman bir padding, margin, border ve içerik alanını içerir. Okumaya devam edin »