[info]ob rakstīja
3. Augusts 2003, 22:28

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.


(Lasīt komentārus)
No:
Lietotājvārds:
Parole:
(komentārs tiks paslēpts)
Ievadi te 'qws' (liidzeklis pret spambotiem):
Temats:
Tematā HTML ir aizliegts
  
Ziņa:

Gandrīz jau aizmirsu pateikt – šis lietotājs ir ieslēdzis IP adrešu noglabāšanu. Operatore Nr. 65.