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

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

List Tagları ve Css ile Yatay Menü Yapımı

İngilizce bir makaledir.

40,837 Okunma 0 Yorum 18/09/2007 12:16:45

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

28,174 Okunma 0 Yorum 01/08/2007 13:27:12

CSS z-index Uygulamaları

25,339 Okunma 0 Yorum 12/07/2007 16:58:08 31/05/2014 16:58:38

Renkli Form Yapımı

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

22,437 Okunma 0 Yorum 10/07/2007 03:35:08

Renkli ve Aktif Form Uygulaması

20,301 Okunma 0 Yorum 06/11/2008 15:45:58

CSS ve Font Uygulamaları

19,975 Okunma 0 Yorum 10/07/2007 19:20:09

Tek parça resim dosyasından ilgili resmi css ile gösterme

Tek parça resim dosyasından ilgili resmi css ile gösterme çağrı

19,214 Okunma 0 Yorum 29/02/2008 04:32:10

CSS Background Örneği

19,189 Okunma 0 Yorum 09/07/2007 20:36:22

CSS ve Clip

19,121 Okunma 0 Yorum 13/07/2007 20:15:21 28/05/2014 20:18:55

CSS Dimension Uygulamaları

Height, width, line-height uygulamaları

19,080 Okunma 0 Yorum 09/07/2007 18:09:44

CSS ile Pozisyon ve Katman Uygulamaları

19,025 Okunma 1 Yorum 12/07/2007 17:38:12

CSS ve Text Uygulamaları

18,954 Okunma 0 Yorum 12/07/2007 18:24:04

CSS ve Tablolar

18,574 Okunma 0 Yorum 13/07/2007 14:44:46

CSS İle Yorum Baloncukları Yapmak

18,495 Okunma 2 Yorum 10/07/2007 03:02:19 03/12/2016 00:22:52

Pseudo - Classes Kullanımları

Konu hakkında üç farklı örnek

18,410 Okunma 0 Yorum 16/07/2007 12:15:53

CSS ve Sıralı Listeler

18,228 Okunma 0 Yorum 10/07/2007 17:58:38

Tek Parça Resim Dosyasından İlgili Resmi Ekrana Çıkartma

18,192 Okunma 0 Yorum 28/02/2008 12:44:37

CSS Background Uygulamaları

17,910 Okunma 0 Yorum 09/07/2007 19:12:13

CSS Border Uygulamaları

17,772 Okunma 0 Yorum 09/07/2007 18:14:13

CSS Görünürlük Özellikleri

Display, none ve Visibility hidden farkı

17,417 Okunma 0 Yorum 10/07/2007 17:41:12

CSS Stillerini Web Sayfasına İliştirmek

17,223 Okunma 1 Yorum 12/07/2007 17:55:35

CSS Padding ve Margin

17,113 Okunma 1 Yorum 12/07/2007 18:06:55

CSS ve Overflow

15,882 Okunma 0 Yorum 13/07/2007 14:42:26

Yükleniyor...