6 CSS a DIVy


Nacházíš se zde: rozcestník kroužku1. Úvodní lekce1. lekce - Teorie klient a server2. lekce - Úvod do vývoje webových aplikací3. lekce - XHTML (XHTML tahák)4. lekce - CSS = kaskádové styly5. lekce - CSS + Třídy6. lekce - CSS a DIVy


6.1 Opakování z minula

6.2 Divy

6.2.2 Div

Libovolný xHTML obsah.

6.2.3 Floating [česky obtékání]

Obsah prvního DIVu.

Obsah druhého DIVu.

Tento příklad se zapíšte takto:

  1. v xHTML budeme mít dva divy a jejich obsah:

    <div class="trida1">
            <p>Obsah prvního DIVu.</p>
    </div>
    
    <div class="trida2">
            <p>Obsah druhého DIVu.</p>
    </div>
  2. v CSS (vlastnosti divů můžeme samozřejmě zapisovat jak pomocí tříd, tak pomocí id):

    .trida1 {
      width: 300px;
      height: 80px;
      background-color: yellow;
      border: 1px solid maroon;
      float: left;
      margin: 30px;
    }
    
    .trida2 {
      width: 300px;
      height: 80px;
      background-color: yellow;
      border: 1px solid maroon;
      float: right;
      margin: 30px;
    }

Máš chuť na další lekci?