[info]ob rakstīja
3. Augusts 2003, 22:28
Previous Entry Add to Memories Tell A Friend Next Entry

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.

(ir doma)
No:(Anonīms)
Datums:3. Augusts 2003 - 22:33
(Link)
viutīgi.
Kalsey nesen bija par apakšējo dotted maliņu iekš IE: http://kalsey.com/2003/07/css_dotted_borders_in_ie/
(Atbildēt) (Diskusija)
No:[info]ob
Datums:3. Augusts 2003 - 22:39
(Link)
Ar to viss saakaas. Bet tad paraadiijaas viedoklis ka nepatiik arii mozillas dotted.
(Atbildēt) (Iepriekšējais) (Diskusija)
No:(Anonīms)
Datums:3. Augusts 2003 - 23:24
(Link)
jums ir kāda publiska diskusiju vieta, kur var noklausīties domas?
(Atbildēt) (Iepriekšējais)
No:[info]laacz
Datums:4. Augusts 2003 - 08:29

background info

(Link)
Tas jau atgādina nested tables...
(Atbildēt)
No:(Anonīms)
Datums:8. Augusts 2003 - 16:02

nuja ir jau ar

(Link)
nuja ir jau arii.
labi taas nav tables, bet probleema ir taada pati, ka tiek lietoti divi div'i kur logiski buutu lietot tikai vienu. dizains tiek iejaukts iekssh satura.
cu
(Atbildēt)
No:[info]ob
Datums:8. Augusts 2003 - 17:15
(Link)
variants ir "negliits".
dokumenta struktuura saglabaajas.
lietojams protams tikai pie aarkaartiigaam dizaina prasiibaam pret to kaa border izskataas.
(Atbildēt)
(ir doma)