Let me try again...

I have tried this numerous times, many different ways, this is where I am at.  Here, I will show what I have done and what the problem is.  Below is "my code", need help on finding out what is wrong, seems I get a double vision or two columns.  This is the way I did it, is this the best way to do?  Will it be read by all browsers?  Would images be better?  I tried with images but I need the inside of the cell to be dynamic so the coupon size will vary depending on the dynamic input.  I want the thing to look like a coupon, I am close just seems like I am missing something.

<html><head>
<title>dashed coupon</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
div.coupon {border-style:dashed}
//-->
</style>
</head>
<body bgcolor="#FFFFFF">
<div class="coupon"><table width="400" border="1" cellspacing="0" cellpadding="8">
<tr><td>
sample coupon<br>
save at our store today!
</td></tr></table></div>
</body>
</html>
precisionAsked:
Who is Participating?
 
arantiusCommented:
I take it you want a box with a dashed line around it ?


<html>
<head>
<style>
.coupon {
      border: 2px gray dashed;
      width: 400px;
      padding: 5px;
}
</style>
</head>
<body>

<div class="coupon">
      This is your wonderful coupon!<br />
      Print it out to recieve $0.50 cents off your next can of cat food!<br />
      Enjoy Kitty Loves Me brand!<br />
</div>

</body>
</html>
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.