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.
- GIF attēls (šeit 10x palielinājums uzskatāmībai):
Sarkanie pikseļi ir vēlamā rāmja krāsā, tumšie - transparenti. - 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; }
- 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>
- 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.