Here is what I am trying to achieve:
As you can see, it is made of three sections.
I think it would be created like this:
<div class="part1"> <div class="top"> </div> <div class="middle"> <!--- Put text here ---!> </div> <div class="bottom"> </div> </div>
However, I can't get the CSS right.
The top is just a repeated image along the X axis.
The middle is just a shade of grey: red 70, blue 70, green 70, hue 160, sat 0, lum 66.
The bottom is just another shade of grey: red 55, blue 55, green 55, hue 160, sat 0, lum 52
there is a border around the whole thing and between the sections which is grey: red 90, blue 90, green 90, hue 160, sat 0, lum 85
I tried getting it right, but I just cannot do it.
Can someone give me a hand please.