Font distorted??, My font looks odd. Options

[artislife90]

Ok, I am sorry, this might make me sound really dumb. But here I go.

I am new with CSS and have only made 2 skins. (they where very basic)
Anyway I am trying somthing more challenging and out of the box, but my when i upload it my font is distorted. = (
It is all really wide, and it sort of blends into it's self.

I do not know what I am doing wrong, this has never happend to me before.
Here is a picture of what my blog area looks like.



thank you to anyone who can help in advance.

[lovescream]

You're using a transparent scrollbar. Right, right?

[artislife90]

yes.

[lovescream]

That's why.
I don't think there is any way to fix it.

[artislife90]

Ok, so how should i change my scroll bar? lol, sorry, thats the only way i learned to make a scroll bar.. my teacher was not so good.

[lovescream]

Hm, can you show me the site of your layout?

[artislife90]

sure, it is sorta an odd layout, tried to make it look like that really amazing one "simply Devine"

I kinda got everyting to work except the EVIL TEXT!!!

here is the site.

MY LAYOUT

[lovescream]

Make both of'em white.

[artislife90]

huh?

[lovescream]

Make both of them white.
completely white.
except arrow black.

[artislife90]

I did, both scroll bars are now all white, but the font remains odd.

I am really sorry for being so dumb.

[lovescream]

Show me your code, please.

[artislife90]

Here ya go.

<!-- begin code provided by createblog.com --><br /><br /><br /><div align="left"><br /><div style="position:static; margin-left: -10px; margin-top: 10px; background: none; overflow: auto"><img src="http://www.myfilestash.com/userfiles/artislife90/ModerworldWNAVI.gif" usemap="#modernworld" border="0"><MAP NAME="moderworld"><br />  <AREA SHAPE=RECT COORDS="857, 25, 896, 39" HREF="http://xanga.com"  ALT="xanga home"  OnMouseOut="window.status=''; return true"  OnMouseOver="window.status=''; return true"><br />  <AREA SHAPE=RECT COORDS="771, 26, 809, 37" HREF="http://xanga.com/claf"  ALT="look and feel"  OnMouseOut="window.status=''; return true"  OnMouseOver="window.status=''; return true"><br />  <AREA SHAPE=RECT COORDS="774, 44, 829, 54" HREF="http://www.xanga.com/Private/subs.aspx"  ALT="read your subs"  OnMouseOut="window.status=''; return true"  OnMouseOver="window.status=''; return true"><br />  <AREA SHAPE=RECT COORDS="772, 11, 816, 22" HREF="http://xanga.com/private"  ALT="your private"  OnMouseOut="window.status=''; return true"  OnMouseOver="window.status=''; return true"><br />  <AREA SHAPE=RECT COORDS="856, 9, 913, 21" HREF="http://www.xanga.com/private/SubscribeTo.aspx?user=artislife90"  ALT="add me to your hit list."  OnMouseOut="window.status=''; return true"  OnMouseOver="window.status=''; return true"><br />  <AREA SHAPE=RECT COORDS="856, 42, 908, 55" HREF="http://www.xanga.com/default.aspx?mode=logout"  ALT="sign out"  OnMouseOut="window.status=''; return true"  OnMouseOver="window.status=''; return true"><br /></MAP></div><br /><br /><div align="left"><br /><div id="custom" style="position:static; margin-left: 3px; margin-top: -385px; border: 0px solid #FF0000; width: 170px; height: 358px; background: none; overflow: auto; FILTER: chroma(color=#F4F4F4) allowTransparency"><table width=100%><tr><td width=150><br /><br /><!-- Start of left column --><br /><br /><center><br /><img src="http://www.myfilestash.com/userfiles/artislife90/something%2520corpLP2.gif" width="96" height="89"></center><br><br /><font color="#FFFFFF">Artislife90 - <br><br /><u>Name</u> - Jake Cobell<br><br /><u>Age</u> - 14<br><br /><u>Location</u> - United States<br><br /><u>Hobbies</u> - Art, Graphic design, Web design, aim, biking, swimming.<br><br /><u>Expertise </u>- architectural Drawing<br><br /><u>Favorite Movie</u> - Phantom Of the Opera<br><br /><br><br />Quotes - <br><br /><br><br />&quot;Masquerade, paper faces on parade&quot;<br><br />- Phantom o f the Opera<br><br /><br><br />&quot;When life gives you lemons, make lemonade, and throw it in the eyes of the <br />person who gave you lemons until they give you the oranges you wanted.&quot;<br><br />-Elissa<br><br /><br><br />&nbsp;</font></tr></td><br /></table><br /></div></DIV><br /><style type="text/css"><br /><br />body {<br />background-color: #000000;<br />scrollbar-face-color: #ffffff;<br />scrollbar-shadow-color: #ffffff;<br />scrollbar-highlight-color: #ffffff;<br />scrollbar-3dlight-color: #ffffff;<br />scrollbar-darkshadow-color: #ffffff;<br />scrollbar-track-color: #ffffff;<br />scrollbar-arrow-color: #000000;<br />background-color: #ffffff;<br />}<br />texttable.left, td.mainleft, table.left, table.navigation, table.footer, table.search, hr {<br />display: none;<br />}  <br /><br /><br />div.blogheader, .caption {<br />/* edits the dates */<br />background-color: transparent;<br />font: 8pt arial;<br />text-transform: uppercase;<br />color: #000000;<br />border: 0px;<br />text-align: left;<br />font-weight:bold;<br />padding-left:4px;<br />padding-top:0;<br />padding-bottom:0;<br /> }<br />a:link, .footernav.link, a.footernav:link, a.footernav:active {<br />/* edits all links */<br /> color:#48537E;<br /> font: 10px arial;<br /> letter-spacing: 1px;<br /> text-decoration: none;<br /> }<br /> <br />a:visited, a.footernav:visited  {<br />/* edits the links that the user has visited */<br /> color:#48537E;<br /> font: 10px arial;<br /> letter-spacing: 1px;<br /> text-decoration: none;<br /> }<br /> <br />a:hover {<br />/* edits when user mouseovers the links */<br /> color:#000000;<br /> font: 10px arial;<br /> letter-spacing: 1px;<br /> cursor: crosshair;<br /> text-decoration: none;<br />}<br /> <br />input, select, textarea, iframe.htmleditor, .textfield, .button {<br />/* this edits the buttons, dropdowns*/<br /> font: 10px arial;<br /> letter-spacing: 1px;<br /> background-color: #ffffff;<br /> color:#000000;<br /> }<br /><br />.blogbody{<br />border-top: 0px solid #999999;<br />color: #000000;<br />background-color: #transparent;<br />}<br /><br />.blogbody td{<br />width: 0px;<br />padding-left: 0px}<br /><br />.module, .module, .blogbody, table.footer, .standard, .modulemodulefontcolor, td, p, .content, .smalltext {<br />font: normal 9px Arial;<br />color: #000000;<br />}<br /><br />div.smalltext {<br /> text-align: right;<br /> background-image: url();<br /> background-color: transparent;<br /> width: 100%;<br />}<br />table.search TD, table.announcements TH {<br />  }<br />table.blogbody tr td {<br />  width:0px;<br />  padding: 1px;<br />  }<br /> #htmleditor {height: 125px;}<br />#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops {<br /> width: 220px;<br /> }<br /><br />b{color:000000}<br />i{color:000000}<br /></style><br /><br /><div align="left"><br /><div id="blog" style="position:static; margin-left: 455px; margin-top: -359px; border: 0px solid #FF0000; width: 250px; height: 358px; background: none; overflow: auto; FILTER: chroma(color=#F4F4F4) allowTransparency"><br /><br /><!-- end code provided by createblog.com -->

[artislife90]

hey, why did it add that create blog stuff?

[sweetxsimplicity]

^ Please don't double post.

Is the font embedded? Embedded pixel fonts often come out looking distorted. You'll have to edit it with a font creator program.

[lovescream]

hey, why did it add that create blog stuff? 

cause it does automatically.

and what sweetxsimplicity said was right.
your code looks fine to me.

[artislife90]

uuuh.... not sure if it is or is not.. it is just font family arial...

Once again, very sorry, I am just a newbie skinner.

AND very sorry for double posting!!!

[sweetxsimplicity]

Hm..well, what's your Xanga? Maybe it only looks distorted on your computer. ><

[artislife90]

the layout is on a test xanga. it is

My layout

btw, thanks to all of you who r helping. = )

<EDIT>

I got it all fixed now. THANKS Spiritedfreak and sweetxsimplicity for all you did!!

[avalon*]

the layout is on a test xanga. it is

My layout

btw, thanks to all of you who r helping. = )

<EDIT>

I got it all fixed now. THANKS Spiritedfreak and sweetxsimplicity for all you did!!                            

topic closed