Sign In
Create Account
Follow Us on Twitter
Subscribe on Youtube
2
Well I'm finally back to web design.
Who knew it would not be not the PHP but the CSS that killed me :).
Anyway I have hit a annoying problem, the site I am designing has nice smooth corners on the borders of its containers (title bar, sidebar and a body area). I am doing these is Ink-Scape which is fine for the set size title and sidebar boxes but the body area's borders are a pain: Different pages have different length. Normally the pages would simply have a regular DIV with a border but since the corners are rounded... well hmph.
I lost hope till i found a little java-script booklet which had something akin. I downloaded the CSS example files but unlike the java-script code which was neat and commented the CSS code was 20 lines fitted into two lines :).
So please help...
2 replies to this topic
#1
Posted 20 March 2011 - 09:38 PM
bbqroast
-
- Members
-
- 554 posts
Codecall Addict
- Location:/etc/passwd
Please, write clearly with proper structure. Double spacing makes the text feel un-jointed, Capitalizing Every Word Means People Stop Before Every Word Sub-Consciously Which Is A Pain In The Backside, and use code tags! (The right most styling box).
Back to top|
|
|
#2
Posted 08 April 2011 - 01:43 PM
bbqroast
-
- Members
-
- 554 posts
Codecall Addict
- Location:/etc/passwd
Please someone??
Please, write clearly with proper structure. Double spacing makes the text feel un-jointed, Capitalizing Every Word Means People Stop Before Every Word Sub-Consciously Which Is A Pain In The Backside, and use code tags! (The right most styling box).
#3
Posted 13 April 2011 - 08:36 PM
Root23
-
- Members
-
- 144 posts
Programmer
I haven't experimented with rounded corners yet, otherwise I could probably help you more.
However, try this link. The article is a little old, but I *think* it should be able to help you out. It shows you how to chop an image into four small images for each corner, and then use CSS to put them at each corner of your div.
Also, with CSS3 you can make rounded corners strictly in CSS, no images required. Compatible with FF/Chrome/IE9.. IE8 requires some trickery I believe.
However, try this link. The article is a little old, but I *think* it should be able to help you out. It shows you how to chop an image into four small images for each corner, and then use CSS to put them at each corner of your div.
Also, with CSS3 you can make rounded corners strictly in CSS, no images required. Compatible with FF/Chrome/IE9.. IE8 requires some trickery I believe.
1 user(s) are reading this topic
0 members, 1 guests, 0 anonymous users
