<br> tag

paddyjoy · 12-08-2005, 09:37 PM

I have a piece of HTML like this:

Code:

<table>
<tr>
<td>
<font face="lucinda" size="4"><li>Test1</li><br><li>Test2</li><br><li> Test3</li></font>
</td>
</tr>
</table>

In firefox I get the desired result with a line break between each bullet point:

>Test1

>Test2

>Test3

but in internet explorer I don't get the line break:

>Test1
>Test2
>Test3

Can anyone see anything wrong with my code that could be causing this?

Thanks,
Paddy

mfrick · 12-08-2005, 09:50 PM

whoops origninal ans was wrong as read it the wrong way around ie that you wanted it the explorer way not the firefox way.

paddyjoy · 12-08-2005, 09:54 PM

Ha ha so any ideas? Shouldn't it give the same result in both browsers?

Paddy

mfrick · 12-08-2005, 09:55 PM

seems a bit dodge but this should work ...

Code:

<table>
<tr>
<td>
<font face="lucinda" size="4"><li>Test1<br>&nbsp</li><li>Test2<br>&nbsp</li><li>Test3</li></font>
</td>
</tr>
</table>

never really looked into exactly why some browsers act differently to others but would assume some have strayed from the standards originally laid down in regard to how to handle certain html tags where as others are adhering to the standard.

paddyjoy · 12-08-2005, 09:56 PM

Thanks, what does &nbsp mean?

Paddy

mfrick · 12-08-2005, 10:00 PM

Quote:

Originally Posted by paddyjoy

Thanks, what does &nbsp mean?

Paddy

it is a non-breaking space so basically on the 2nd line now (after the br) there is a space printed so it forces both browsers to display that line as if there was text there except of course the space isn't visible.

cs-cam · 12-08-2005, 10:00 PM

There is quite a bit wrong with that code I'm afraid. It uses list items without an actual list and you should be using <span> rather than <font>. Try this, see if you get better results. Even if it turns out the same, you'll have a stronger base to work from. CSS is wonderful, really.

Code:

<style type="text/css">
body {
  font: Lucinda;
  font-size: 12pt;
}

li {
  margin-bottom: 1em;
}
</style>
<table>
  <tr>
    <td>
      <ul>
        <li>Test 1</li>
        <li>Test 2</li>
        <li>Test 3</li>
      </ul>
    </td>
  </tr>
</table>

paddyjoy · 12-08-2005, 10:14 PM

Very good thanks for that. Using the <style> work perfectly in both browsers!

Paddy