Pixelfonts, publishing and margins

Okay…
I’m designing a new website in Flash MX. So far, so good.
A little while ago, I learned that to use pixel fonts in a good way, you need to always position them on ,0 values. Like 100,0 instead of 100,3.

When I preview my movie in Flash MX itself, everything looks fine. It’s all great. But when I watch the .swf on internet, the text is blurry! How does it DARE!!! :m:

And especially, how does it come? Is it because I’m looking at the .swf file right away on the internet? ( I mean, like http://www.mydomain.com/index.swf) instead of in an html file?

I’m soooooooo frustrated!!! GRAAA!

:wink:

Well when you’re looking at a swf file that isn’t embeded into html, the swf will stretch to fit your browser window so of course your fonts will look blurry.

Wow, that was a fast reply.
Is there any simple way I can make an html file in Notepad to embed it into html? Just to see if it’s not blurry anymore then?

This is my current html file I just made up:

EDIT: I had to delete it, coz it seems that when I post it here, it screws the whole page up :stunned:

But when I use that one (I just copied it from an old file and replaced the size and filenames), then there is an empty space to the left and above the swf on the html page. I don’t want that. I want the swf to cover the whole page (it should have the right size to do that) and no scrollbars…

Flash can do it for you. Just go to File > Publish Settings and you’ll see the HTML tab. Once you selected what you want, just hit OK or Publish. It will create a html file with your swf embeded in it for you.

It still doesn’t work.
Here’s the url, so you can see:

http://www10.brinkster.com/elthierro/newdesign/website_1.html

You see there’s a white border on the left and the top, right? I don’t want that, and I don’t know how to get it away :frowning:

The white space is margins. To remove those, go into your html code and change your body tag to this.

<BODY bgcolor="#FFFFFF" topmargin="0" leftmargin="0">

Praise the lord! Halleluja! It worked!
I mean… Praise EG!

Right o.O

Anyway, thanks a bunch again man, you’ve been really helpful :smiley:

cYa

You’re welcome. =)

I would recommend removing all margins instead of just top and left.

<BODY BGCOLOR="#FFFFFF" TOPMARGIN="0" LEFTMARGIN="0" BOTTOMMARGIN="0" RIGHTMARGIN="0" MARGINHEIGHT="0" MARGINWIDTH="0">

topmargin, leftmargin, bottommargin, and rightmargin are for both IE and NS

marginheight and marginwidth I believe are extra for NS (I don’t know about now, but it used to be screwey with margins and this would help that)

Sigh…there goes Lost stealing my spotlight. ;(

Okay, thanks lostinbeta. And EG.
I’m going to sleep now, it’s 1:51 am here :stuck_out_tongue:

Goodnight and thanks again.

Sorry EG :frowning:

*Originally posted by electrongeek *
**Sigh…there goes Lost stealing my spotlight. ;( **

I hate it when that happens!

Rev

me too :m: