Results 1 to 3 of 3
Discuss CSS Layout Help at the Web Design within the DigitalWorldz - Satellite, Cable, Console Forums; 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 ...
- 28th April 2008, 21:48 #1
- Join Date
- Feb 2008
CSS Layout Help
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.
Last edited by Enticy; 28th April 2008 at 21:49. Reason: added subscription
- 29th April 2008, 10:18 #2
- Join Date
- Dec 2004
- mmm....padded walls....so soft...
- Blog Entries
The unit of layout you need to look at is em, much better than using %.
For a content box with rounded corners, css possitioning and em scaling: http://www.w3.org/Style/Examples/007/roundshadow
NB the above does not display properly in IE6 or less due to it not being able to handle alpha channel or transparencies. If you suspect your visitors might be using IE5.5 or IE6 you can make it work by using the method laid out here: http://homepage.ntlworld.com/bobosola/index.htm
Anyone using less than IE5.5 is strongly encouraged to update to at least IE6, not least because of security holes in IE5 and less.
Last edited by little_pob; 29th April 2008 at 11:07. Reason: Added advice to upgrade if using <IE5.5
The only people mad at you for speaking the truth, are those living the lie.
- 29th April 2008, 10:26 #3
- Join Date
- May 2007
Here are some tutorials on css round corners
hope this helps
- By snapman in forum Fun & Laughter RoomReplies: 1Last Post: 15th February 2009, 08:34
- By ksenghani in forum General ChatReplies: 3Last Post: 28th October 2008, 17:28
- By mushkaUK in forum General ChatReplies: 22Last Post: 1st June 2006, 14:17
- By brighton mike in forum General ChatReplies: 5Last Post: 2nd October 2005, 20:51
- By Sameira in forum General ChatReplies: 20Last Post: 28th September 2005, 19:30
Visitors found this page by searching for:
Nobody landed on this page from a search engine, yet!