PDA

View Full Version : Fonts

Deep-Geek
12-27-2004, 05:30 PM
Hi I've made a Style sheet:

<!--BODY {
color:#000000;
font-size:6pt;
font-family:verdana;
font-weight:normal;
background-color: F8F4D6;
}-->

textarea, input { font-family: Verdana; font-size: 6pt; color:black; background-color:F8F4D6; border:1px dashed black; cursor:default; }

<!--

BODY{scrollbar-face-color: FEFDF6; scrollbar-shadow-color: #FED7C2;
scrollbar-highlight-color: FED7C2; scrollbar-3dlight-color: FED7C2;
scrollbar-darkshadow-color: FED7C2; scrollbar-track-color: #F8F4D6;
scrollbar-arrow-color:F7EEB1}
} -->
<!--
A{color:#F8F4D6;text-decoration:none;cursor:crosshair;}
A:link{color:#000000; text-decoration:none}
A:visited{color:#000000;text-decoration:none;font-weight:none}
A:hover{color:#F8F4D6;text-decoration:none;background-color:FCD5B6;}
-->
<!--ul
{
list-style-image: url(http://www.freewebs.com/deep-geek/lady_small.gif);
margin-top: 0;

} -->

<!-- input { color: #000000; background: F8F4D6; font-size: 6px; font-weight: normal; text-decoration: none; font-family: Verdana; text-align: left; border-width: 1px; border-style: dashed; border-color:#000000; } -->

But when I put it on my page everything worked except the font is different take a look:
Here (http://www.freewebs.com/deep-geek/thesite/jenny.html)

Please help:)
Monkey Bizzle
12-27-2004, 05:56 PM
the code of your actual page is wrong for starters. add the blue and take out the red.

<html>
<head>
<title>your page name here</title>

<body>
<link rel="stylesheet" href="http://www.freewebs.com/deep-geek/dg.css"
type="text/css">
</head>


<body bgcolor="#F8F4D6">

<table border="0" cellpadding="5" cellspacing="0" width="500">

<tr>
<td width="802">
<img src="http://img.photobucket.com/albums/v391/Faerlan/Ladybug/deep_geek_lay_gif.gif" style="position: absolute; top: 10px; left: 100px" alt="Deep-Geek picture">


<table width="289" cellspacing="1" style="position: absolute; top: 616px; left:110px">
<tr><td style="border: 1px dashed black" bgcolor="#FEE6C2">
Stuff
</tr></td> <-- those 2 tags need to be switched as they are out of order.
<tr><td style="border: 1px dashed black" bgcolor="#F9EDD9">
My old site is<a href="http://www.stepintolorien.cjb.net" target="_blank">Here</a>
</tr></td> <-- those 2 tags need to be switched as they are out of order.
</table>
<p>

</td>


<td width="150" valign="top">

<table width="480" cellspacing="1" style="position: absolute; top: 294px; left: 419px">
<tr>
<td style="border: 1px dashed black" bgcolor="#FEE6C2">
Content
</tr></td> <-- those 2 tags need to be switched as they are out of order.
<tr>
<td style="border: 1px dashed black" bgcolor="#F9EDD9">
stuffstuff<br><br>hhi</br><br><br>hhi</br><br><br>hhi</br><br><br>hhi</br><br><br>hhi</br><br><br>hhi</br><br><br>hhi</br><br><br>hhi</br><br><br>hhi</br>
</tr></td> <-- those 2 tags need to be switched as they are out of order.</table><p>
</table>
</td>

</tr>
</table>

</body>
</html>

and your style sheet doesn't work because since you have <style> tags in it. When you have an external style sheet, you don't need them.

<style type="text/css">
<!--
body
{color: #000000;
font-size: 6pt;
font-family: verdana;
font-weight: normal;
background-color: F8F4D6;}-->

textarea, input
{font-family: Verdana;
font-size: 6pt;
color: black;
background-color: #F8F4D6;
border: 1px dashed black;
cursor: default; }

<!--

BODY
{scrollbar-face-color: #FEFDF6;
scrollbar-shadow-color: #FED7C2;
scrollbar-highlight-color: #FED7C2;
scrollbar-3dlight-color: #FED7C2;
scrollbar-darkshadow-color: #FED7C2;
scrollbar-track-color: #F8F4D6;
scrollbar-arrow-color: F7EEB1;
this whole bold section (minus this text) can go in the first body section you made.

}
} -->
<!--
A{color: #F8F4D6; text-decoration: none; cursor: crosshair;}
A:link{color: #000000; text-decoration: none;}
A:visited{color: #000000; text-decoration: none; font-weight: none;}
A:hover{color: #F8F4D6; text-decoration: none; background-color: #FCD5B6;}
-->
<!--
ul
{list-style-image: url(http://www.freewebs.com/deep-geek/lady_small.gif);
margin-top: 0;} -->

<!--
input{color: #000000;
background: #F8F4D6;
font-size: 6px;
font-weight: normal;
text-decoration: none;
font-family: Verdana;
text-align: left;
border-width: 1px;
border-style: dashed;
border-color: #000000; } -->



</style>
Deep-Geek
12-28-2004, 12:37 PM
Thankyou verry verry much!

After doing what you told me i figured out that i neede some more code:

TABLE
{
font-weight: normal;
font-size: x-small;
color: black;
font-style: normal;
font-family: Verdana;
}
Monkey Bizzle
12-28-2004, 05:01 PM
Thankyou verry verry much!
You're welcome.