Paragraf oluşturmak için p elementini kullanın

Bazı WYSIWYG editörleri ve insanlar HTML’de metin paragraflarını birbirinden ayırmak için iki defa br (satır sonu) elementini kullanıyorlar. Örnek:

  • Bu metin, ilk paragraftır.
  • <br>
  • <br>
  • Bu metin, ikinci paragraftır.

Bu metodu kullanarak görsel olarak istediğiniz sonucu elde etmenizi sağlar ancak aynı sonucu daha iyi bir biçimde sağlamak için p (paragraf) elementini kullanabilirsiniz. Örnek:

  • <p>Bu metin, ilk paragraftır.</p>
  • <p>Bu metin, ikinci paragraftır.</p>

p elementini kullanmanın sağladığı faydalar:

  • Paragraf boşluklarını CSS yardımı ile daha kolay bir şekilde kontrol etmenizi sağlar
  • Ekran okuyucu yazılım veya diğer yardımcı teknolojileri kullanan kullanıcıların bir sonraki paragrafa geçtiğini anlamalarını sağlar
  • Anlamsal (semantik) olarak, metnin paragraf olduğunu tanımlar

Read the rest of this entry »

CSS Sınıfı değil, Sınıf

Bazen insanlarla HTML sınıf isimleri hakkında konuştuğumuzda onların sınıfları yanlışlıkla “CSS Sınıfları” diye adlandırdıklarına şahit oluyorum. Tahmin ediyorum ki bu hatayı yapmalarındaki neden sunucu taraflı geliştirme çatılarını (server side development frameworks) kullanıyor olmalarından kaynaklanıyor. Bu çatılarda “sınıf ” şeklinde değil de “CSS sınıfları” şeklinde tanımlanması bu çatıları sık kullanan geliştiricilerin sınıflara bu şekilde hitap etmelerine neden oluyor. Diğer olası nedeni ise İçerik Yönetim  Sistemlerinde(CMS) de aynı şekilde “sınıfları” “CSS sınıfları” şeklinde isim vermeleri.

Read the rest of this entry »

Ades Color Picker

En ünlü blog yazarlarından Abdylas Tynyshov - AdesBlog renk seçimi sıkıntımızı giderecek bir yazılım ile karşımızda. Ades Color Picker v2.0 web sitesi tasarlarken, grafik düzenleme ile uğraşırken ve daha pek çok alanda bize yardımcı oluyor. Read the rest of this entry »

CSS3 ve güzellikleri

CSS3 kulislerde konuşula dursun, tasarımcılar CSS3′ün getirdiği yeniliklerle gelen kolaylıkları kullandıkları günü hayal etmeye devam ediyorlar. Gerçi CSS ve tasarımcı dostu tarayıcımız Firefox bazı yeni özellikleri şimdiden getirmiş olsa da (örneğin: CSS3 ile gelecek olan border-radius özelliğini moz-border-radius olarak Firefox’ta şimdiden kullanabiliyoruz), en azından sorunlu ‘tarayıcımız’ Internet Exporer’ın da bu özellikleri anlayabileceği gün için biraz daha beklememiz gerekiyor. Read the rest of this entry »

Yazılarımızdaki Köprülerin (Linklerin) Yanına Resim

Evet hani bazen bazı sitelerde görürüz link olduğu belli olsun diye yanında resim vardır ufakçana bişey.

css-link

işte onun nasıl yapıldığını göstereceğim şimdi. Read the rest of this entry »

IE de farklı CSS kullanın. Nasıl mı?

Internet Explorer’da çoğu zaman yapılan tasarımların ağızı burnu kayık oluyor peki bunu nasıl çözebiliriz ? Read the rest of this entry »

Css Buton (Tuş) Yaratımı

Preview Button İşte burada gördüğünüz gibi buton yarattık ama üstüne gelince farklı bi resim alıyo arkayı diyoruz peki bu nasıl oluyor??? Read the rest of this entry »

Her linkin stilini değişik kullanma ?

Mesela sitemizde 10-15 farklı bölüm var ve hepsinde linklerin rengini farklı ve yazı tipi vs degisik olsun istiyoruz. Peki ne yapmamız gerekmektedir.

Read the rest of this entry »

Live.Com da ki gibi tuşlar ve yazım kutuları olsun istermisiniz ?

Herkes ister tabiki :)

Tuşlar ve butonlar için her zamanki gibi style yazacağız nasıl mı ? Read the rest of this entry »

Margin ve Padding ? Farkları nelerdir ?

.style1 { margin:10px 10px 10px 10px; }

.style2 { padding:5px 5px 5px 5px; }

Arasındaki farklar nelerdir. Read the rest of this entry »


Kapat
E-posta ile paylaş