3. Augusts 2003

Zvaigznītes uz platformenēm

4. elements
Agnese
Arnis Mednis
Yana Kay

Tie kuriem pietika pacietības atvērt visas saites var pieteikties konkursā „Atrodi atšķirību”.

1px dotted border

Klasiskā 1px rāmja tabulu trika realizācija ar CSS.

  1. GIF attēls (šeit 10x palielinājums uzskatāmībai):
    dotgrid
    Sarkanie pikseļi ir vēlamā rāmja krāsā, tumšie - transparenti.
  2. CSS klases:
    /* padding == attālums starp iekrāsotajiem pikseļiem attēlā dots.gif + 1 */ div.dborder { background:#3F424B url(dots.gif) repeat bottom; padding: 4px; } div.dbox{ padding: 10px; background-color: #3F424B; }
  3. Rakstam:
    <div class="dborder"> <div class="dbox"> Donec sagittis aliquam tortor. Nulla facilisi.Aliquam erat volutpat. Nullam tristique eros id erat. Donec eu tellus vel sem elementum ultricies. Praesent laoreet eros auctor nunc. </div> </div>
  4. Iegūstam:
    Donec sagittis aliquam tortor. Nulla facilisi. Aliquam erat volutpat. Nullam tristique eros id erat. Donec eu tellus vel sem elementum ultricies. Praesent laoreet eros auctor nunc.

Oriģinālā ideja pieder, nopelniem bagātajam CSS skeptiķim, Šulcam, kuram līdz ar to pienākas sauja amerikāņu sīknaudas.