Baggrunds billeder på en boks

Tags:    html css

Jeg står med et fedt design til baggrunden på en standard boks på mit site.
Det jeg har er:
boxTop.gif
boxCenter.gif
boxBottom.gif

Som hendholdsvis er toppen af boksen, midten som er 1 px høj og skal gentages så mange gange det er nødvendigt og bunden.

Man kunne lave en tabel som så sådan ud:
Fold kodeboks ind/udKode 

Problemet er bare at jeg med den løsning, ikke kan lade tekst overlappe alle tre tr's, hvilket er en stor ulempe for mig.
Jeg har prøvet at lave det med divs, uden held. Nogen der kan hjælpe?
På forhånd tak!



9 svar postet i denne tråd vises herunder
1 indlæg har modtaget i alt 3 karma
Sorter efter stemmer Sorter efter dato
Er langt fra sikker på at det virker i alle browsere - den virker i det mindste i firefox og ie. Den burde også virke i de fleste andre populære browsere.
Fold kodeboks ind/udKode 




Fold kodeboks ind/udKode 




Indlæg senest redigeret d. 23.08.2008 00:10 af Bruger #10216
Tak for indlægget Gnu, men det resultat kom jeg også frem til med tables. Problemet er at teksten ikke overlapper boxTop og boxBottom på samme måde som den gør med boxCenter. Det er et problem fordi min top og bund har en 59px lang fade og derfor skal min tekst gerne stå uafhængigt ovenpå :)



Løste det selv:

Fold kodeboks ind/udKode 


Mange tak for hjælpen, du får pointsene for det hurtige svar :)



Nyt problem; teksten udvider ikke div'en med center billedet :/



Det er tæt på GNU, men problemet er nu at når jeg smider center billedet på, så overskriver det toppen og bunden...



Problemet er vist løst med denne løsning:

Fold kodeboks ind/udKode 




Ellers må du flytte center-billedet ud i det yderste div-element.



Perfekt, jeg smider lige nogen points i nakken af dig ;)



t