Svojstva pozicioniranja (Positioning properties)

Primjer 11

Svojstva pozicioniranja (Positioning properties) definišu poziciju elemenata ili njihovog sadržaja. U ovu kategoriju spadaju sledeća svojstva:
- bottom
- clip
- left
- overflow
- position
- right
- top
- vertical-align
- z-index

Svojstvo vertical-align određuje vertikalnu poziciju sadržaja nekog elementa. Ovo je posebno korisno pri radu sa tabelama, kada je jedna ćelija veća od druge. Na primjeru je prikazano vertikalno centriranje teksta unutar tabele:

Kod:

<html>

      <head>

      <title>Vertikalno poravnanje</title>

      <style type="text/css">

      .tabela {

      vertical-align: middle;

      }

      </style>

</head>

      <table border="1" width="100%">

      <tr>

      <td class="tabela" height="40">Tekst</td>

      <tr>

      </table>



      </body>

    </html>

Primjer:

Tekst

Popis svih svojstava i odgovarajućih vrijednosti se nalazi u DODATKU 11.

*Dio koda označen crvenom bojom odnosi se na CSS. Promjenjivo svojstvo je označeno zelenom bojom, dok je promjenjiva vrijednost označena plavom.
**Prozor na dnu stranice je namjenjen za provjeru koda: - kopirajte kod (edit, copy, paste ili CTRL+C, CTRL+V ili DRAG&DROP metodom); editovanje je moguće u prozoru.

Nazad