Page 1 of 1
Rounded Corners
Posted: Fri 25. Aug 2006, 16:32
by miershpedankl
Good Day Everyone!
Can someone explain to me how to round the corners of the tables/blocks/boxes ?? on my site? (the-lee-family.us) I am gathering that it is a CSS thing, but I can't figure it out. Any help would be great.
Thanks,
miershpedankl
Posted: Sat 26. Aug 2006, 08:23
by Oliver Georgi
That's hard to say - there are many possible ways to have rounded corners.
CSS is a bit tricky because just Mozilla can handle rounded corners. So there are two possible ways at the moment. Use aligned images or just a combination of background images.
The most simple thing is this:
Code: Select all
<div id="wrapped">
<div id="top_corners">
<img src="toprounded.gif" width="200" height="15" alt="" />
</div>
<div id="content">
your content
</div>
<div id="bottom_corners">
<img src="bottomrounded.gif" width="200" height="15" alt="" />
</div>
</div>
related CSS
Code: Select all
#wrapped {
margin:0;padding:0
}
#top_corners, #bottom_corners {
width:200px;
margin:0;
padding:0;
}
#content {
background-color:#FFFFFF;
margin:0;
padding:0 10px 0 10px;
}
Oliver
Posted: Sat 26. Aug 2006, 12:19
by update
Posted: Sat 26. Aug 2006, 12:44
by miershpedankl
You guys are great! Thanks for the replies. I am going to be checking out both of these recommendations and I'll let you know how it goes.
http://cssplay.co.uk is great for people like me that don't have a lot of experience.
Cheers,
miershpedankl
Posted: Wed 6. Sep 2006, 15:48
by update
Hi,
...and I'll let you know how it goes...
How "goes" it?
Greetings
claus
Posted: Wed 6. Sep 2006, 16:34
by isac
Solution for rounded corners / Lösung für runde Ecken
Posted: Sat 23. Sep 2006, 14:00
by nehemia
Further Solution for margins with rounded corners without using grafics.
I found out a further solution for making margins with rounded corners. Please look
here. (Sorry, I wrote it only in German).
Regards,
Martin Gohla
Weitere Lösung für Rahmen mit runden Ecken ohne Nutzung von Grafiken
Ich habe eine weitere Lösung zur Erstellung von Rahmen mit runden Ecken herausgefunden. Bitte schaut mal
hier.
Viele Grüße,
Martin Gohla
Posted: Thu 28. Sep 2006, 20:36
by miershpedankl
Ha -- I haven't even gotten around to this. I did, however, look at the CSSplay sites for a while and there is a lot of great info there! I just have to find some time to sit down and mess around till I get it right.
Whenever that happens I'll post something here letting everyone know how it went.
Thanks again for the replies!
miershpedankl