News:

Wondering if this will always be free?  See why free is better.

Main Menu

Extra <br>'s in IE

Started by Tom, January 11, 2004, 04:32:30 PM

Previous topic - Next topic

Tom

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.)

Anguz

yes, please post a pic and show us the code for it too :)
Cristián Lávaque http://cristianlavaque.com

Tom

The first one is with Firebird, and second one is with IE.


Tom

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'>&nbsp; Welcome to <b>xxxxxx|</b></a><a class='php'>&nbsp;Password verified. Access granted.&nbsp; </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">&nbsp;Home</a>

   <a class="link" href="./links.php">&nbsp;Links</a>
   <a class="link" href="./">&nbsp;Forum</a>
   <a class="link" href="./downloads.php">&nbsp;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>

[Unknown]

Add to your css:

p
{
   margin: 0;
}

-[Unknown]

Tom


Advertisement: