Vapor
05-27-2005, 07:29 PM
Ok, I gots a question for you CSS nuts
Here is my code:
<html>
<head>
<title>New Design</title>
<STYLE TYPE="text/css">
<!--
@import url(company.css);
H1 { background color: #330000; color: orange; font-family: impact }
P { background: #330000; font-family: courier }
-->
A:link { text-decoration: none }
A:active { text-decoration: none }
A:visited { text-decoration: none }
B { font-size: 15pt; line-height: 20pt }
</STYLE>
</head>
<body bgcolor="#000033">
<P STYLE="font-size: 30pt; color: green; font-family: papyrus, serif">This is a</P>
<P STYLE="margin-top: -45px; margin-left: 60px; color: green; font-size: 28pt; font-weight: bold; font-family: papyrus, sans-serif">Test</P>
</html>
If you look at the background color on the text it is "indented" on the word test. How can I make this a perfect rectangle around my text. I am trying to make a title bar for my site.
Thanks
Here is my code:
<html>
<head>
<title>New Design</title>
<STYLE TYPE="text/css">
<!--
@import url(company.css);
H1 { background color: #330000; color: orange; font-family: impact }
P { background: #330000; font-family: courier }
-->
A:link { text-decoration: none }
A:active { text-decoration: none }
A:visited { text-decoration: none }
B { font-size: 15pt; line-height: 20pt }
</STYLE>
</head>
<body bgcolor="#000033">
<P STYLE="font-size: 30pt; color: green; font-family: papyrus, serif">This is a</P>
<P STYLE="margin-top: -45px; margin-left: 60px; color: green; font-size: 28pt; font-weight: bold; font-family: papyrus, sans-serif">Test</P>
</html>
If you look at the background color on the text it is "indented" on the word test. How can I make this a perfect rectangle around my text. I am trying to make a title bar for my site.
Thanks