CSS-P Konumlandırma - İsmail KIRBAŞ ile Web Sitesi Tasarımı
İsmail Kırbaş ile Tasarım Yolculuğu [AnaSayfa] İsmail Kırbaş ile Tasarım Yolculuğu [AnaSayfa] İsmail Kırbaş ile Tasarım Yolculuğu [AnaSayfa]
 Site Haritası 
 
Site Map
Ana SayfaYeriniz | Ana Sayfa | Makaleler | Programcılık | CSS | CSS-P Konumlandırma

Diğer Yazılar
CSS Nedir?
Kısa Bilgiler Örnekler
CSS ile Background
CSS 2
CSS ve XHTML ile Temel Sayfa Tasarımı


E-posta Gönderin Yorum Yazın
Güvenlik Kodu:3094Güvenlik Kodu:3094Güvenlik Kodu:3094Güvenlik Kodu:3094




En Son Okunan 10 Makale
  1. Sitenizin Yapması Gereken 10 Şey
  2. Dr. Hakkı Öcal
  3. İletişim Türleri
  4. Paralel Port LPT Test XP
  5. Başarısız Yönetici
  6. Toplantıdan Zaferle Çıkmanın Yolları
  7. Projelerimiz
  8. Başarı Yolunda 70 Altın Kural
  9. Müşteri İle Aynı Dili Konuşmak
  10. ISO 18001-14001
 
CSS-P Konumlandırma>
Yazı Tipi KüçültYazı Tipi BüyütAna SayfaYazıcıdan ÇıkarPDF Belgesi Olarak GörüntüleFavorilerime EkleArkadaşıma Tavsiye EdeceğimRTF (Word Dokümanı) olarak görüntüle

CSS-P (Cascading Style Sheet - Positioning) ile herhangi bir ögeyi piksel piksel sağa sola, aşağı yukarı kaydırabiliriz. Yani CSS-P etiketleri ile pozisyon ayarlamaları yapabiliriz. Şimdilik kısa etiket tanımlarını yapıp geçeceğim ilerde isteğe göre detaya girebiliriz.

  1. position, Nesnenin nasıl konumlanacağını belirler. Aldığı değerler; Absolute, katmanın yerini kesin olarak belirler. Relative, katmanın yerini göreceli (diğer öğelere göre değişebilir) olarak belirler. Static ise, katmanın yerini sabit olarak belirler.
  2. top, Katmanın üst kısımdan kaç piksel aşağıda olması gerektiğini belirler.
  3. left, Katmanın sol kısımdan kaç piksel sağda olması gerektiğini belirler.
  4. width, Katmanın genişliğinin kaç piksel olacağını belirler.
  5. height, Katmanın boyunun kaç piksel olacağını belirler.
  6. clip, Katmanın görünecegi bölgeyi içeren kutucuk.
  7. overflow, Katmanın belirtilen yükseklik ve genişliğe sığmayan kısmına ne olacağını belirler. İki değer alır. scroll, kaydırma çubukları ekler, auto ise kaydırma çubuklarını otomatik olarak belirler.
  8. visibility, Katmanın görünür veya gizli kalacağını bildirir. Alacağı değerler Explorer`da görünür yapmak için visible ve gizli yapmak için hidden; Netscape`de ise görünür yapmak için show ve gizli yapmak için hide `dir.
  9. z-index, Katmanın sayfa üzerindeki sıra sayısını belirtir.

Basit bir örnek olarak aşağıdaki kodları inceleyebilirsiniz;



Ceviz






 


Ceviz
Bir Kaç Basit Uygulama
Mesela Listeleme yaparken kullanılabilecek güzel bir örnek;


  1. Birinci
  2. İkinci
  3. Üçüncü



bu şekilde.

Ama siz OL { list-style-type:Circle } yerine şunlardan birinide seçebilirsiniz;

    disc: (içi dolu nokta)
    circle: (içi boş daire)
    square: (içi dolu kare)
    decimal: 1'den başlayan rakamlar.
    lower-roman: Küçük roma rakamları (i, ii, iii, iv, v, ...)
    upper-roman: Büyük roma rakamları (I, II, III, IV, V, ...)
    lower-alpha: Küçük ascii harfler (a, b, c, ... z)
    upper-alpha: Büyük ascii harfler (A, B, C, ... Z)
    none: İşaretsiz

ya da



Şeklinde yazarak bir imajda atayabilirsiniz.



Not: Yazılar konusundaki yorumlarınız için lütfen Yorum Yazın bölümümüzü kullanın.

Yazar : Şahin
Son Güncelleme : 30 Ocak 2006, Pazartesi
Sayfa Sürümü : 1
Okunma Adedi : 7,884
Son Okunma : 2017-11-24 02:34:57
Kaynaklar : http://www.ceviz.net/index.php?case=article&id=53&catid=16

Kısa Bilgiler ÖrneklerCSS-P KonumlandırmaCSS ile Background
© [Site Haritası]
| Makaleler | Seyir Defteri | Kaynaklar | İndirin | İletişim |

RSS dosyasını görmek için tıklayınız. RSS dosyasını görmek için tıklayınız.XML versiyonu için tıklayınız WAP versiyonu için tıklayınız Bu site DyNA İçerik Yönetim Sistemi üzerinde çalışmaktadır.
İsmail KIRBAŞ ile Tasarım Yolculuğu Anasayfa İsmail KIRBAŞ ile Tasarım Yolculuğu Anasayfa İsmail KIRBAŞ ile Tasarım Yolculuğu Anasayfa
ismail kırbaş ile web sitesi tasarimi sitemap ismail kırbaş ile web sitesi tasarimi sitemap
  Sitemizde 6 kişi çevirimiçi | Bugün =62 | Dün =252 | Bu Ay=5,598 | Günlük En Fazla=1,109 tekil ziyaretçi