Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 340
  • Last Modified:

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>
0
precision
Asked:
precision
1 Solution
 
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

Featured Post

Hire Technology Freelancers with Gigs

Work with freelancers specializing in everything from database administration to programming, who have proven themselves as experts in their field. Hire the best, collaborate easily, pay securely, and get projects done right.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now