Ämne: CSS bakgrund
Visa ett inlägg
Oläst 2008-08-06, 15:52 #7
KarlRoos KarlRoos är inte uppkopplad
Har WN som tidsfördriv
 
Reg.datum: Jul 2007
Inlägg: 1 416
KarlRoos KarlRoos är inte uppkopplad
Har WN som tidsfördriv
 
Reg.datum: Jul 2007
Inlägg: 1 416
Citat:
Ursprungligen postat av quickhelp
Citat:
Originally posted by -KarlRoos@Aug 6 2008, 15:15
EDIT
Jag kodade ihop http://karlroos.se/examples/nice_block/
Kopiera så gott du vill


Tack för den
Kan du kort beskriva hur du gjorde den?
En div med 5px padding som innehåller den gråa bakgrunden, den har även en transparent PNG med skuggan (200 px bred och 5px hög) som flyter nere till höger (PSD fil för denna finns på länken).
I denna div finns det en div med vit bakgrund och 5px padding och en 5px röd kantlinje till höger.

Sedan för att skilja texten och ikonen har jag två divs som flyter till vänster, den ena (float_left) med 60px bredd så att ikonen får lite marginal (min ikon är 50x50px). Den andra (float_right) innehåller texten och flyter till vänster.

Struktur:
- .block
-- .content
---.float_left
---.float_right

Citat:
Ursprungligen postat av allstars
Kudos till dig Karl
Snyggt jobbat.
Tack tack
KarlRoos är inte uppkopplad   Svara med citatSvara med citat