[totoo]

Jag har helt enkelt nu gjort det på så vis att om elementet är större än bakgrundsbilden så får jag ha ett mindre lager inuti elementet som ska ha bilden. Lite ful lösning kanske, men den är i alla fall pålitglig då den fungerar för allt och alla.

Ja, när jag säger lager så syftar jag på div-element.

Det är rätt smidigt at arbeta såhär nu har jag märkt... När jag har bakgrund inom spelutveckling så är ju sånt här en självklarhet, men på webben har jag aldrig sett det användas förut så jag var tvungen att testa. Totala filstorleken minskas, samt att det blir smidigare för designern att jobba. För mig som kodare är det ungefär skitsamma ur produktionsperspektiv.

Jag kommer fortsätta med den här metoden för ikoner som "hör ihop". T.ex. om man har en verktygsrad med tio ikoner - då ska de tio ligga i samma fil. Ett paket med smileys ska ju t.ex. också ligga tillsammans, skitnice. Gott gott!

[martine]

Originally posted by totoo@Mar 9 2007, 20:17
Ja, när jag säger lager så syftar jag på div-element.

Jag borde inte gnälla men att använda lager för element (t ex div-element) är lite opraktiskt och ointuitivt eftersom det inte handlar om lager som ligger på varandra (som man då uppfattat som lager på lager) utan oftast bredvid varandra eller i varandra men sällan precis ovanpå varandra.

Det är därför bättre att använda divvar (lite suddigt) om det du kallar lager - eller mer korrekt använda termen element eller t ex ett dd-element i en dl. Blir klarare och lättare för alla förstå vad man menar.

Bra att det löste sig hur som helst! Man kan ju också använda positionering av bakgrunden med px och bredd, marginaler och padding för att "få fast" den delen av bakgrunden som man vill visa - om det nu bara handlar om en bakgrundsbild och inte innehållet av ett element för då krävs ju clip: rect();

[Kiper]

Kul att du fått det att fungera. Men det är som sagt inget nytt. Jag har sett det i flera olika tappningar. De första dök väl upp runt 2004.
Det fungerar väldigt bra med AJAX när man vill skapa "skins" till en applikation och göra det enkelt för designern att göra nya "skins"!
Det vanligaste är ju att man lägger all grafik för menyelement i samma fil och sedan flyttar positionen för vanlig, hover och active.
Klart mycket effektivare än massa JS-preloads...

[totoo]

Mjo, jag har använt det i ett par år för hovereffekter, men när jag påbörjade detta projekt så lekte jag med tanken att ha ALL sitegrafik i samma fil... Precis allt.

Då minimerar man ju iaf overhead - om man använder det smart. Men när man jobbar med grafiker som är vana med att arbeta med t.ex. texturering så lär de sig ju att placera objekt smart.

Men det la jag ner, det var inte riktigt realistiskt. Men i css3 kanske det är det. Jag får testa igen om fem år.

[Kiper]

Jag måste ju då skryta med att jag har en vän som faktiskt redan gör det här...

[totoo]

aha. Vad tycker han om resultet då? Kan man få se nån site där det används?

Kör han med clip rect då eller?

[Kiper]

Gå in på www.challenger.se så finns det en screencast i bloggen från den 29 december.
Det finns också en äldre demo som är tillgänglig via Challenger-fliken till höger.