I was pretty happy because a site design I've been working on has finally been coming together. The problem is that I had only been testing it in Firebird. I had a big suprise when I looked at it in IE. It was way too spaced out; there were <br>'s where I didn't want them. I think after every <p> it added a <br>. (Well, not a real <br>, but it left and extra line.)
Is there any way to stop this by changing the style.css or anything?
Thanks.
(If you are a little confused about what I'm talking about, I can post a pic.)
yes, please post a pic and show us the code for it too :)
The first one is with Firebird, and second one is with IE.
The Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML
4.0 Transitional//EN">
<html>
<head>
<link rel="stylesheet" href="./components/style.css"
type="text/css">
<title>
xxxxxx
</title>
</head>
<body>
<div><a class='php'> Welcome to <b>xxxxxx|</b></a><a class='php'> Password verified. Access granted. </a> <a class='hi' href='xxxxxx'><b>[</b>Logout<b>]</b></a></div>
<table width="100%" border="1">
<tr>
<td width="1103" bgcolor="#5E81A2" style="border-bottom-style: solid; border-bottom-width: 0"><img height="60" width="468" src="xxxx" border="0" alt="logo"></td>
</tr>
</table>
<hr>
<table class="line" border="1" cellpadding="2" cellspacing="0" style="border-collapse: collapse" width="100%" id="AutoNumber1">
<tr>
<td class="line" width="120px" valign="top">
<p><a class="title">Navigation:</a>
<a class="link" href="./index.php"> Home</a>
<a class="link" href="./links.php"> Links</a>
<a class="link" href="./"> Forum</a>
<a class="link" href="./downloads.php"> Downloads</a><hr>
<a class="title">Affiliates:</a>
<p align="center"><i>See your ad here. <a>Find out</a> how!</i></p><hr>
<b><a href="contact.php"><u>Contact Us</u></a><br>
<a href="disclaimer.php"><u>Disclaimer</u></a></b><hr>
</td> <td class="line" valign="top">
<h1>Welcome to xxxxx</h1>
<p>Welcome to xxxxxxt! More text here...</p>
<h2>For new users:</h2>
<ul>
<li><a href="./pages/downloads.php">Do you want to download programs?</a></li>
<li><a href="http://xxxxx">Do you want to chat?</a></li>
<li><a href="./pages/faq.php">Do you have any questions?</a></li>
<li><a href="./pages/news.php">Do you want to read the lasted news?</a></li>
<li><a href="./pages/helpus.php">Do you want to know how you can help us?</a></li>
</ul><hr>
<h2>Lastest News:</h2>
<p><a href="http://www.xxx">Click here</a> blah blah blah.</p><hr>
<h2>Newest Programs:</h2>
<p><a>xxxxxr</a> | <a>xxxxxk</a> | <a>xxxxx</a></p><hr>
<h2>Other Info:</h2>
<p>Find out more about our <a>banner program</a>!<br><br>Learn how you can <a>help us</a>.<br><br></p>
<td class="line" valign="top" width="112px">
<a class="title">Other Stuff:</a>
<p><b>xxxx</b></p>
<p>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
<hr>
<p><b>More stuff here...</b></p>
<p>More stuff here. Blah, blah, balah, blah.</p>
<hr><br>
<p align="center">
<a href="http://jigsaw.w3.org/css-validator/check/referer"><img border="0" width="88" src="http://xxxxxxxxxxxx/YaBBImages/vcss.gif" alt="Valid CSS!" height="31"></a><br><br>
<a href="http://validator.w3.org/check/referer"><img border="0" width="88" src="http://xxxxxxxxxxxxxxxxxxxx/pics/valid-html40.gif" alt="Valid HTML 4.0!" height="31"></a><br><br><br><br>
</p>
</td>
</tr>
</table>
<p class="bottom">PCN beta 2.3.5 Template Copyright (c) 2003-2004 Thomas Foerster.
<a href="http://jigsaw.w3.org/css-validator/check/referer"><img src="./pics/validcss.gif" width="30" height="18" align="right" alt="Valid CSS!" border="0" /></a>
<a href="http://validator.w3.org/check/referer"><img src="./pics/validhtml.gif" width="30" height="18" align="right" alt="Valid HTML 4.0!" border="0" /></a>
<a href="http://jigsaw.w3.org/css-validator/check/referer"><img src="./pics/made-with-notpad.gif" width="30" height="18" align="right" alt="Valid HTML 4.0!" border="0" /></a><br>
All programs belong to their respective owners. | Last Updated: 2004-1-11</p>
<hr></body>
</html>
Add to your css:
p
{
margin: 0;
}
-[Unknown]
Thanks ! :D