ugrás a tartalomhoz

Dobozok CSS-sel beállított kerete láncszemekből

Anonymous · 2006. Aug. 31. (Cs), 17.56
lehet olyan boxot csinálni, amelynek a függőleges kerete egy ismétlődő kép (pl. láncszem), és a doboz mérete igazodik a keret méretéhez (nem jelenik meg fél láncszem csak egész)?
én megpróbáltam találni rá megoldást, de konkrét alternatívát egyelőre csak a CSS3 specifikációban találtam...

a lényeg (az elkerülendő probléma) az alábbi képen látható (ne legyenek fél pöttyök)
‹ Div-ekre osztott honlap csíkjainak eltüntetése Windos Media Player Pop Up ablakban status bar-ral ›
 ■
1

CSS border

Szekeres Gergő · 2006. Aug. 31. (Cs), 18.54
Ez nem jó?

  border-style: dotted;
  border-width: 3;
3

nem pont ez lenne a lényeg...

Anonymous · 2006. Szep. 1. (P), 19.18
a pontok csak illusztrációnak vannak... minden pont egy kép. a lényeg az lenne, hogy csak egész képet rajzoljon ki, ne vágja félbe vagy darabba. egy ilyen függőleges láncszemes keret elérése lenne a cél:

(a sarkok képeit nem volt kedvem megcsinálni, ott fordulni fog a lánc)
amint látható a képen felül még jó, de alul nem illeszkedik. fix méretű box sajnos nem megoldható.
4

felül ok, alul dom

Szekeres Gergő · 2006. Szep. 1. (P), 20.28
És a szélesség fix?

Valahogy így gondoltam:



Kép



csinálsz egy fődivet, ebbe beleraksz még szám szerint 3-at (top, right, bottom), majd a rightba még raksz egy leftet, és abba a contentet. (hogy a magasságuk együtt változzon)
ezeket beállítod szorosan egymás mellé. a top és a bottom div olyan széles, mint a fődiv, az oldaló divek alatta, ill. felette helyezkednek el. beszúrod a felső és az alsónak a kívánt hátteret, így felül már mindig jó lesz, hisz egész mintával zárul, és azzal is kezdődik oldalt.

Alulra én azt találtam ki, hogy DOM-mal lekérdezed a right div magasságát, majd felhasználva a háttérkép adott méreteit, kiszámolod hogy mennyit kell hozzáadni, hogy egész kép legyen... Kicsit lehet túlkomplikáltam, de jobban hirtelen nem tudok..:)
5

ez lesz az...

Anonymous · 2006. Szep. 3. (V), 16.59
ezt a DOM-ot kifejtenéd kicsit bővebben? mert ilyesmit még nem csináltam
7

első pre-béta változat

Anonymous · 2006. Szep. 3. (V), 18.00

document.getElementById("probadiv").style.height=(document.getElementById("probadiv").offsetHeight/50).toFixed(0)*50
kicsit utánanéztem a dolognak :)
6

Nem webre való!

Jano · 2006. Szep. 3. (V), 17.55
Ez a dizájn egyszerűen nem webre való.
8

???

Anonymous · 2006. Szep. 3. (V), 18.01
nyugi ennél azért komolyabb kép lesz a keretben, ezt csak példának hoztam fel, kb. 1 perc alatt szerkesztettem össze :)
9

Nem webre való - a koncepció

Dualon · 2006. Szep. 3. (V), 21.09
Szvsz elsősorban a koncepció szerencsétlen, nem a konkrét kép.
2

kicsit esetleges

rudo · 2006. Szep. 1. (P), 14.12
IE-ben biztos nem jó, mert az nem rajzol vmiért pontozottat.