Basit bir CSS Şablon Yapalım

CSS ile sadece menü ve içerikten oluşan bir sayfa oluşturalım!

CSS ile sadece menü ve içerikten oluşan bir sayfa oluşturalım


<style>

#govde {

    margin: 0;

}



#menu {

    width: 200px;

    float: left;

    background-color: #ccc;

}



#icerik {

    margin-left: 210px;

    background-color: #ff0000;

}

</style>



<div id="govde">

    <div id="menu"> menü alanı </div>

    <div id="icerik"> içerik alanı </div>

</div>


Kodları html olarak kaydedip çalıştıracak olursanız solda 200 piksellik bir menü alanının ve hemen sağında içerik alanının oluştuğunu göreceksiniz.
  • Etiketler;
Yorum Yaz

Yorum yazabilmek için üye girişi yapmanız gerekiyor!

• 11 yıl önce
Teşekkürler.
• 11 yıl önce
ya bukadar birikimli olan birisi için çok basit bir örnek daha genişletebilrdi sanki:sasir:
• 11 yıl önce
Arkadaşım bunlar forumda sıkça rastladığımız sorular ve pratik olması açısından burada yayınlıyoruz. Amacımız mantığını öğretmek, zahmet olmazsa sen geliştiriver...
• 11 yıl önce
teşekkürler
• 11 yıl önce
teşekkürler Abdullah abi çok güzel bir paylaşım, eskiden Dreamweaver kullandığım için bunlar çok kolay oluyordu ama bu aralar, Notepead++ ile yapmaya başladım en baştan kendim yazıyorum yani bu yüzden hep hata oluyor artık hatasız olacak sayenizde :D iyi günler..
• 11 yıl önce
TEŞEKKÜRLER KARDEŞİM SAOL
• 11 yıl önce
yeni baslayan birine gayet yardımcı olacak kadar acik. saygılar...
• 11 yıl önce
teşekkürler.bende yan yana gözüküo doğrumu.
• 11 yıl önce
özür dilerim.sonunu görmedim
• 11 yıl önce
bir sorum olacaktı peki ben bu 2 div birleşik olsun istiyorum yani menü kısmıyla içerik kısmı arasında boşluk olmayacak nasıl yapabilirim bunu şimdiden teşekkürler.
• 11 yıl önce
Sonuçta bu ders bilene bişey kazandırmayacak bilmeyene ise anlamsız gelecek. Açıklama vs.. yaapabilirdin. margin nin 0 noktası float vs.. :( gereksiz bir konu açmışsın...
• 9 yıl önce
temel mantık açısından iyi bir iş olmuş.önemli olan mantık temelidir gerisi kişinin kensi aklına kalır

Yukarı Git