Hello,
I have been trying to adapt a rounded corner css for the size I need to use.
It is nearly right but the bottom corners just wont get sorted ?
Here is the complete test script including the css and php.
I’ve been playing with the variables for hours but can not make it work – so I’d really appreciate some help – thanks ?
[code=php]
<?php
$image1 = “none”;
$Ad_detail = “something.html”;
$event = “An Amazing Event”;
$Dcat = “Disco”;
$Dloc_sht = “Brixton Town Hall”;
$Dprice = “£35.00”;
$desc_sht = “This is a test advert set-up to look at the style and is not a real advertisement, as I think you can guess.”;
?>
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”>
<html>
<head>
<title>Bullet Test</title>
<style type=”text/css”>
.curvy {position:relative; width:560px; height:74px; background:#08c; color:#000; margin:5em auto;}
.ctl, .ctr {position:absolute; width:12px; height:10px; color:#08c; background:#9cf;overflow:hidden;}
.cbl {position:absolute; width:14px; height:20px; color:#08c; background:#9cf;overflow:hidden;}
.cbr {position:absolute; width:14px; height:20px; color:#08c; background:#9cf;overflow:hidden;}
.ctl {top:0px; left:0px; }
.cbl {top:54px; left:0px; }
.ctr {top:0px; left:550px; }
.cbr {top:54px; left:550px; }
.quadtl, .quadtr, .quadbl, .quadbr {position:absolute; font-size:80px; font-family:arial; color:#08c;line-height:40px;}
.quadtl {left:-4px; top:-10px; }
.quadtr {left:-14px; top:-10px;}
.quadbl {left:-4px; top:-10px;}
.quadbr {left:-14px; top:-10px;}
.txt {position:absolute; top:0px; left:20px;}
.row_style{
height:60px;
width:500px;
font-family:Tahoma, Tunga, sans-serif;
font-size:14px;
text-align:left;
color:#000099;
font-weight:normal;
vertical-align:top;
}
.ad_picture1{
width:80px;
}
.ad_top_row{
color:#000099;
}
.ad_bottom_row{
height:50px;
font-size:12px;
color:#000099;
}
</style>
</head>
<body style = “background:#9cf;” >
<div class =”data” style=’position:absolute; left:200px; top:200px;’ >
Events Calender:
<br>
<div class=”curvy” style = “position:relative;top:-60px; left:0px;” >
<div class=”ctl”><div class=”quadtl”>•</div></div>
<div class=”cbl”><div class=”quadbl”>•</div></div>
<div class=”ctr”><div class=”quadtr”>•</div></div>
<div class=”cbr”><div class=”quadbr”>•</div></div>
<div class=”txt”>
<table class = “row_style” >
<tr><td rowspan=’2’class=”ad_picture1″>
<?php
if($image1 != “none” ){
echo “some stuff”;}
else {
echo ” “;}
?></td>
<td class=”ad_top_row”>
<?php echo “<a href=’$Ad_detail’ >
<b>$event</b></a> $Dcat $Dloc_sht $Dprice”; ?>
</td>
</tr>
<tr>
<td class = “ad_bottom_row”><?php echo “$desc_sht<a href=’$Ad_detail’ rel=”external” onclick=”var w = window.open (this.href, ‘$Ad_detail’, ‘height=800,width=960,scrollbars’); w.focus(); return false” >
<b> more.</b></a> “; ?></td>
</tr>
</table>
</div> <!– end of txt –>
</div> <!– end of curvy –>
</div> <!– end of info –>
</body>
</html>
As you can see it uses a bullet for the corner.
Hope you can help
Thanks