CSS ile site ile browser arasındaki boşluğu gidermek
Yazar:Eray Karayel Eklenme: 12.03.2009 Okunma: 3560
Seviyesi: Başlangıç
Bu derste sizlere siteyi en üstte aralık olmadan tasarlamanıza yarayan kodu vereceğim arkadaşlar. Çok basit olmasına ramen şahçen çoğu zaman unutuyorum bu kodu. Sizlerle paylaşayim dedim.
Margin değerini vermediğimiz zaman bu şekilde yukarıda boşluk olacaktır.
Bu şekilde bir htmlimiz olsun diyelim. Bunun menu değerini istediğiniz gibi veriyorsunuz. Tarayıcı ile arasında boşlık bırakmaması için de "body" id'sine aşağıdaki margin değerlerini veriyorsunuz. Bu kadar basit.
Güzel tüyo, ben bunu öğrenmeden önceleri (bir yıl önce) facebook ve mozilladaki gibi menüsü yukarı yapışan tasarımlar yapamıyordum, bunu öğrenince tarzımda büyük değişiklikler oldu. Ve sinir eden bir konu daha vardı: ekran 1024 ben de container'i 100px yapıyorum ama yine de yatay scroolbar çıkıyordu, sen ol da çatlama. Birilerine css öğretmem gerektiğinde ya da tüyo vermem gerektiğinde ik bunu veriyorum. Çok sağ ol hocam. Css'i pek bilmeyenler içinse şöyle yapmalarını önerebiliriz.
<body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" >
Eyvallah hocam sen de sağolasın. Verdiğiniz detaylar için de teşekkürler. Ama css'i pek bilmeyenler için "Css mutlaka öğrenin" desek çok daha yararlı olmuş olmaz mıyız? Sonuçta 100 kodluk html ile nereye kadar değil mi? Css artık olmazsa olmazlardan biri hâline geldi. Css öğrenmeden önce (çok önce ) "Aman ya, Html bana yeter" diyordum. Ama gerçekten büyük salaklıkmış yaptığım. Css çok basit ve çok işe yarayan bir dil diyebiliriz. Tek bir mantığı var, o da id, class vs verme. Başka bir şeyi yok. Kesinlikle css'i çok seviyorum...
bu şekilde sadeleştirilebilir sanırım divler için genişliği 1024px gibi fix bi değer verilirse daha ufak bir çözünürlükte scrollbar aşşağıda belirecektir.
body tagına direk body olarak özellik atnabilir daha da özelleştirmek gerekiyorsa margin özelliği 4 parametreli olarak ta kullanılabilir
şöyle ki;
margin: üst sağ alt sol;
yani
margin: 0 10px 0 10px;
şeklinde de kullanılabilir yukarıdaki 2. örnekte sağ ve sol marginleri 10 px olarak tek satırda parametre yardımı ile tanımlayabiliriz..
direk margin:0px; densene yahu sag sol alt ust hepsine ayri ayri deger veriyosun.
BU DERSE YORUM EKLEYİN
Üye olmadan yorum ekleyemezsiniz !
UYARI: SANALKURS.net'te yer alan materyaller ile ilgili her türlü sorumluluk hazırlayan veya gönderene aittir. Yazarlar, gönderdikleri makale ve derslerle başkalarını yanıltıcı bilgi veremezler. SANALKURS.net bilgilerin kullanımı sonucunda doğacak hata ve zararlardan sorumlu tutulamaz. SANALKURS.net'te yer alan bir makale link vermek ve kaynak göstermek şartıyla başka bir sitede yayınlanabilir. SANALKURS.net kullanıcıları ve üyeleri, üçüncü kişilerin telif hakkı sahibi bulunduğu hiçbir yazı, fotoğraf, resim vb. materyal ve ürünü kullanamazlar. SANALKURS.net kullanıcı ve yazarlarının, üçüncü kişilerin telif hakkı sahibi olduğu yazı, resim vb. ürünleri izinsiz kullanması durumunda, her türlü hukuki ve cezai sorumluluk kendilerine aittir.
) "Aman ya, Html bana yeter" diyordum. Ama gerçekten büyük salaklıkmış yaptığım. Css çok basit ve çok işe yarayan bir dil diyebiliriz. Tek bir mantığı var, o da id, class vs verme. Başka bir şeyi yok. Kesinlikle css'i çok seviyorum... 
