Konular

Div ile Bölümler Oluşturmak

Div tagı yardımı ile sayfalı %40 ve %60 şeklinde ikiye bölüp içerisine iki farklı içerik yerleştirme ile ilgili bir çalışma

Yapmak istediğimiz:

Div ile bölümler oluşturmak
 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
       "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style>
div.container {
        border: 1px solid #000000;
        overflow: hidden;
        width: 100%;
}
div.sol {
        width: 40%;
        float: left;
        background-color:#66FF33;
}
div.sag {
        width: 60%;
        float: right;
        background-color:#F5B800;
}
</style>
</head>
<body>

<div class="container" style="overflow: hidden; width: 100%;">
        <div class="sol">
                <p> sol kolon.</p>
                <p> sol kolon.</p>
                <p> sol kolon.</p>
                <p> sol kolon.</p>
        </div>
        <div class="sag">
                <p> sag kolon.</p>
                <p> sag kolon.</p>
                <p> sag kolon.</p>
        </div>
</div>
</body>

</html>

Div ile Bölümler Oluşturmak

Bu konuda daha fazla içerik için şu makaleye bakabilirsiniz: CSS ile Web Sayfası Oluşturmak

 

 

Yorumunuzu Ekleyin
Div ile Bölümler Oluşturmak Yorumları +2 Yorum
  • ahmet
    1
    ahmet
    çok faydelı dersler
    08 Ekim 2009 14:02:13, Perşembe
  • lazbiyolog
    1
    lazbiyolog
    Merhaba , css yeni başlayan biri olarak başarılı bir çalışma emeğinize sağlık, Kompozer ile web tasarımı yapiyoruum sadece divlerden oluşan bir tasarım işime yaradı.. tesekürller.. Daha karışık div örneklerine yer verebilrimiz örneğin birbirnden bağımsız divler açma..header, footer contentet bölümleri falan..tesekler..
    27 Eylül 2013 11:09:51, Cuma

CSS ile Menü Yapımı

CSS'in menü yapımına etkileri

53,161 Okunma 1 Yorum 13/07/2007 17:53:23 28/12/2018 21:20:47

CSS ile Dikey Menü Yapımı

Web sitelerinin vazgeçilmez öğelerinde biridir menüler. Menüler kullanıcının oluşturduğumuz sayfalara hızlı erişimini sağlar. Bir çok site de Ürünler, İletişim, Hakkımızda vb. bölümlerini menü öğesi olarak görürüz. Bu makalede sırasız listeler()ve CSS yardımı ile menü yapımını anlatacağız. CSS ile yapılan menüler esnek, kolay düzenlenebilir, güzel görünen ve rollover efekti uygulana bilen menülerdir

29,432 Okunma Henüz yorum yapılmamış 01/08/2007 13:27:12

Renkli Form Yapımı

CSS yardımı ile renkli form kutucuklarının nasıl yapıldığına bir örnek

23,600 Okunma Henüz yorum yapılmamış 10/07/2007 03:35:08

CSS ve Clip

20,093 Okunma Henüz yorum yapılmamış 13/07/2007 20:15:21 28/05/2014 20:18:55

CSS ve Tablolar

19,566 Okunma Henüz yorum yapılmamış 13/07/2007 14:44:46

CSS ve Overflow

16,759 Okunma Henüz yorum yapılmamış 13/07/2007 14:42:26

CSS Animasyon Örnekleri

Bir kaç faydalı cssle yapılan animasyon örneği...

1,394 Okunma Henüz yorum yapılmamış 27/06/2019 10:59:51 27/06/2019 11:21:00

Yükleniyor...