Enticy
Member ++
Hey everyone,
I am quite new to web programming. I have a little knowledge of html and css. I want to design a 'fluid' website i.e. is scales according to the view port.
I particularly want to put graphic borders around the diffent sections. I have created the images for the corners and a 1px width pattern to repeat on the horizontal sections but don't know how to lay them all out in css.
I have tried defining a div and then applying a background to it but didn't work. I want to put the corners in the background and then repeat the horizontal graphic across the page also in the background.
This is an example of what I'm looking for. The corners are rounded. The horizontal sections are 25px in height and the vertical sections 1px in width.
Can anyone either help me out with the code or point me in the direction of a good tutorial to achieve this?
I have googled this but can't quite find what I want.
Thanks
Enticy
I am quite new to web programming. I have a little knowledge of html and css. I want to design a 'fluid' website i.e. is scales according to the view port.
I particularly want to put graphic borders around the diffent sections. I have created the images for the corners and a 1px width pattern to repeat on the horizontal sections but don't know how to lay them all out in css.
I have tried defining a div and then applying a background to it but didn't work. I want to put the corners in the background and then repeat the horizontal graphic across the page also in the background.
This is an example of what I'm looking for. The corners are rounded. The horizontal sections are 25px in height and the vertical sections 1px in width.
Can anyone either help me out with the code or point me in the direction of a good tutorial to achieve this?
I have googled this but can't quite find what I want.
Thanks
Enticy
Last edited: