Topic: <br> in IE and FF

Hello everybody,

my search to solve the following problem has been without success.

There are several ways to put a image on a page.

If the <img>-tag cannot be used, but the <a>-link, I came up with the following workaround

<a style='padding: 0px 0px 0px 400px; font-size: 271px; background-image:
url(http://i376.photobucket.com/albums/oo204/ZINcorp/logo.jpg); 
text-decoration: none; text-align: center; font-family: Helvetica, Arial;' 
rel="nofollow" href="www.sinfest.com"><br /></a>

It works like a charm in FF but not in IE, as IE seems not to properly render:
<br>
<br><br />
<br />

From my research, this fact has been mentioned in 2004 already - has a working answer jet been suggested? Or is there a work-around?

Well, since I am in the asking mood already, I was wondering if there is a formula to calculate the ratio between "font-size" of Helvetica in px and its real "font-height".

(Edited by kars10 on 10-29-2008 01:30)

(Edited by kars10 on 10-29-2008 01:30)

what the heck is this font-size:271px; ? why not setting the line-height or a vertical padding instead ? And of course inline style is sub optimal, and the <br> are unnecessary.

There are plenty of technique to do image replacement.

Hello poi,

thanks for your input. font-size is the first thing I was thinking of. I did not know that what I am dping had a name.*OffToResearch*

Regards,
Kars10

Hello,
I am sorry i do not have solution to this, but i am having same problem sometimes regarding image but most of the time regarding alignment. if my page looks fantastic in firefox, its alignment is all spread out in IE. i use IE7. the problem is i do keyword research ,seo and all that stuff so i am very much used to firefox . but as most of the people out there use IE. i have to keep changing the alignment according to the clients browser.


is there any solution or command for it. please help, will save lot of mt time.

thanks
tracy16

The above post smells a bit spamy but here I go anyway:

The easy and sure way to limit flowing kinks is to get rid of the empy text nodes between tags. It makes the markup look a little strange though :

<ul
    ><li>pi</li
    ><li>pa</li
    ><li>po</li
></ul>

quote:

---

poi said:

The easy and sure way to limit flowing kinks is to get rid of the empy text nodes between tags. It makes the markup look a little strange though

---

I prefer floating the li's, and leaving the markup readable:

<ul>
    <li>pi</li>
    <li>pa</li>
    <li>po</li>
</ul>

So do I actually.
Something like text content + IMG + SPAN + ... might have been a better example than a UL

Or a bipedal elephant made out of 1x1 pixel spans, huzzah!

yup. The empty text nodes will mostly likely add a vertical gap if you don't float the SPANs.


< this is Charly from the Union Demo.

Hello Charly

I greatly favor the line-height for css

Learn programming, software downloads, seo, hardware, and computer troubleshooting: http://www.icpep.org
See Celebrities on their sexiest getups: http://www.hotbabes.icpep.org

I greatly favor spam. It is tasty.


___________________________
Suho: www.liminality.org | Cell 270 | Sig Rotator | the Fellowship of Sup

Nice walk through DarkGarden. Adding noise was a great insight, I'd missed that step in my thoughts on how the technique would go. I also thought that running the wind filter in the opposite direction would smudge the effects from the first pass of wind ~couldn't resist~
I do think that the overall effect can be enhanced by a little hands on Liquefy.

parker