bod1467 on Mar 11, 2005 at 2:37:14 AM (# 107)
This message has been edited.See the IT. ;-)
BTW - Bod really DOES strike this time. :-D
MHenke on Mar 11, 2005 at 2:43:33 AM (# 108)> BTW - Bod really DOES strike this time. :-D
How that?
RobinAnn on Mar 11, 2005 at 7:09:15 AM (# 109)Looks prettier in IE vs FF. I like the less bulky code. my next RC I will try "Easy RC" :oP
raphpell on Mar 13, 2005 at 6:59:04 AM (# 110)Hi, I found a nice link : http://www.stunicholls.myby.co.uk/boxes/curves.html
raphpell on Mar 13, 2005 at 7:31:05 AM (# 111)<html>
<head>
<title>Document sans titre</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style>
#boite {
position : relative;
color: #000;
background-color: #EEE;
font-size: 12px; font-family: Courrier; line-height: 20px;
overflow: hidden;
}
#contenu_boite {
position : absolute;
color: #000;
overflow: hidden;
text-align: justify;
}
#coin {
position: absolute;
width: 20px; height: 20px;
color: #EEE;
background-color: #FFF;
font-size: 160px; font-family: Courrier; line-height: 42px;
overflow: hidden;
}
#coin1 {
position: absolute;
width: 20px; height: 20px;
color: #DDD;
background-color: #FFF;
font-size: 160px; font-family: Courrier; line-height: 42px;
overflow: hidden;
}
#coin2 {
position: absolute;
width: 20px; height: 20px;
color: #EEE;
font-size: 160px; font-family: Courrier; line-height: 42px;
overflow: hidden;
}
.haut_gauche { text-indent: -9px; position: relative ; left : 0px ; top : 0px ; }
.haut_droite { text-indent: -29px; position: relative ; left : 0px ; top : 0px ; }
.bas_gauche { text-indent: -9px; position: relative ; left : 0px ; top : -21px ; }
.bas_droite { text-indent: -29px; position: relative ; left : 0px ; top : -21px ; }
.haut { background-color: #DDD; font-size: 0px; }
.bas { position: absolute ; background-color: #DDD; font-size: 0px; }
.gauche { background-color: #DDD; font-size: 0px; }
.droite { position: absolute ; background-color: #DDD; font-size: 0px; }
</style>
</head>
<body>
<div id="boite" style="width: 200px; height: 200px; ">
<div id="coin" style="left: 0px ; top: 0px;">
<div class="haut_gauche">•</div>
</div>
<div id="coin" style="left: 180px ; top: 0px;">
<div class="haut_droite">•</div>
</div>
<div id="coin" style="left: 0px ; top: 180px;">
<div class="bas_gauche">•</div>
</div>
<div id="coin" style="left: 180px ; top: 180px;">
<div class="bas_droite">•</div>
</div>
<div id="contenu_boite" style="width: 186px ; height: 186px ; margin: 8px ; ">
Lorem ipsum dolor sit amet, consetetur sadipscing
elitr, sed diam nonumy eirmod tempor invidunt ut labore
et dolore magna aliquyam erat, sed diam voluptua.
</div>
</div>
<div id="boite" style="width: 200px; height: 200px; ">
<div id="coin1" style="left: 0px ; top: 0px;">
<div class="haut_gauche">•</div>
</div>
<div id="coin2" style="left: 1px ; top: 1px;">
<div class="haut_gauche">•</div>
</div>
<div id="coin1" style="left: 180px ; top: 0px;">
<div class="haut_droite">•</div>
</div>
<div id="coin2" style="left: 179px ; top: 1px;">
<div class="haut_droite">•</div>
</div>
<div id="coin1" style="left: 0px ; top: 180px;">
<div class="bas_gauche">•</div>
</div>
<div id="coin2" style="left: 1px ; top: 179px;">
<div class="bas_gauche">•</div>
</div>
<div id="coin1" style="left: 180px ; top: 180px;">
<div class="bas_droite">•</div>
</div>
<div id="coin2" style="left: 179px ; top: 179px;">
<div class="bas_droite">•</div>
</div>
<div id="contenu_boite" style="width: 186px ; height: 186px ; margin: 8px ; ">
Lorem ipsum dolor sit amet, consetetur sadipscing
elitr, sed diam nonumy eirmod tempor invidunt ut labore
et dolore magna aliquyam erat, sed diam voluptua.
</div>
<div class="haut" style="left : 0px; top: 0px; width: 180px; height: 1px;"></div>
<div class="gauche" style="left : 0px; top: 0px; width: 1px; height: 180px;"></div>
<div class="bas" style="left : 20px; top: 198px; width: 160px; height: 1px;"></div>
<div class="droite" style="left : 198px; top: 20px; width: 1px; height: 160px;"></div>
</div>
</body>
</html>
raphpell on Mar 13, 2005 at 7:34:17 AM (# 112)Test page : http://www.creation-web.info/test2/css/
It work with IE and Mozilla FireFox in Win 98.
cdrom600 on Mar 17, 2005 at 2:01:16 PM (# 113)I came across a site which uses CSS and Javascript to make round corners - http://pro.html.it/esempio/nifty/.
Not nearly as cool as pure CSS, but still...
| 
Round Corner