Topic: <br> in IE and FF (Page 1 of 1) Pages that link to <a href="http://ozoneasylum.com/backlink?for=30624" title="Pages that link to Topic: &amp;lt;br&amp;gt; in IE and FF (Page 1 of 1)" rel="nofollow" >Topic: &lt;br&gt; in IE and FF <span class="small">(Page 1 of 1)</span>\

 
kars10
Bipolar (III) Inmate

From: Europe
Insane since: Mar 2001

IP logged posted posted 10-29-2008 01:29 Edit Quote

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

code:
<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)

poi
Paranoid (IV) Inmate

From: Norway
Insane since: Jun 2002

IP logged posted posted 10-29-2008 05:02 Edit Quote

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.

kars10
Bipolar (III) Inmate

From: Europe
Insane since: Mar 2001

IP logged posted posted 10-29-2008 08:44 Edit Quote

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

tracy16
Obsessive-Compulsive (I) Inmate

From: Nashik
Insane since: Nov 2008

IP logged posted posted 11-19-2008 11:36 Edit Quote

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

poi
Paranoid (IV) Inmate

From: Norway
Insane since: Jun 2002

IP logged posted posted 11-19-2008 11:49 Edit Quote

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 :

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



reisio
Paranoid (IV) Inmate

From: Florida
Insane since: Mar 2005

IP logged posted posted 11-19-2008 21:37 Edit Quote
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:

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

poi
Paranoid (IV) Inmate

From: Norway
Insane since: Jun 2002

IP logged posted posted 11-19-2008 22:15 Edit Quote

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

reisio
Paranoid (IV) Inmate

From: Florida
Insane since: Mar 2005

IP logged posted posted 11-20-2008 01:45 Edit Quote

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

poi
Paranoid (IV) Inmate

From: Norway
Insane since: Jun 2002

IP logged posted posted 11-20-2008 09:05 Edit Quote

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.

Blaise
Paranoid (IV) Inmate

From: London
Insane since: Jun 2003

IP logged posted posted 11-20-2008 11:29 Edit Quote

Hello Charly

paparts
Obsessive-Compulsive (I) Inmate

From: phils
Insane since: Jan 2009

IP logged posted posted 01-19-2009 10:33 Edit Quote

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

Suho1004
Maniac (V) Mad Librarian

From: Seoul, Korea
Insane since: Apr 2002

IP logged posted posted 01-21-2009 01:59 Edit Quote

I greatly favor spam. It is tasty.


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

parker
Obsessive-Compulsive (I) Inmate

From:
Insane since: Oct 2010

IP logged posted posted 10-18-2010 14:00 Edit Quote

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



Post Reply
 
Your User Name:
Your Password:
Login Options: Remember Me On This Computer
 
Your Text:
Loading...
Options: Show Signature
Enable Slimies
Enable Linkwords

« BackwardsOnwards »

Show Forum Drop Down Menu