Layouts in IE and Firefox

[private_guy]

Hi there,

 

I wanted to make buttons for my menu but I didn't want to use a lot of bandwidth so I decided to use Layouts and use the same image button over and over again! I made it in FrontPage with a great success but at the end I found out that the layout doesn't work in FireFox, the writing is all over the place in FireFox.

 

Here is the code:

<div id="logo" style="position:absolute; left:-1px; top:20px; width: 171px; height: 45px;">

<p align="center"><font face="Tahoma" size="2">TEST LAYOUT</font></div>
<p>
<img border="0" id="img1" src="../button22.jpg" height="30" width="150" alt=""></p>

 

If you apply it in IE it works, but if you apply it in Firefox it doesn't work.

 

Thanks in advance for your help and support.

 

Best Regards,

John

[Philip]

<p align="center"> why is that there?

 

You have it like this:

<div><p><font></font></div><p><img></p>

 

Where is the 2nd </p>, it should be before the div bolded above?

[TheFilmGod]

<p align="center"> why is that there?

 

You have it like this:

<div><p><font></font></div><p><img></p>

 

Where is the 2nd </p>, it should be before the div bolded above?

 

You don't need to close the <P> tag. In xhtml you do, but for html you don't have to... It would be a good idea to fix it since it would create better code and valid xhtml.

 

It would be also a good idea to try getting deramweaver. There isn't anything wrong with "frontpage", but dreamweaver creates more valid code as well as codes it in such a way tha ti works almost every single time.

 

- My two cents.

[mainewoods]

try the 'sliding door' hack:

http://www.oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html