View Full Version : Why won't these work?


ucantparkhere
04-10-2005, 11:37 PM
http://www.freewebs.com/ucantparkhere/random.htm

Okay, I want those boxes on the right side to be the same height with a tiny space in between. When I change them, one box is on top and you can't see the other one. WHATS UP?

Thanks!

MaGiCSuN
04-10-2005, 11:45 PM
to begin with, this whole part:


<style>input{filter:progid:dximagetransform.microsoft.gra dient(gradienttype=0,startcolorstr=BLACK,endcolors tr=LIGHTBLUE);border: 1pt solid BLACK; font-family:terminal; color:BLACK; font-size:9px;letter-spacing:2pt;text-align:center:"}--></style> <style>a:hover{height:0;filter:mask(color:yellow);}</style>
<STYLE type="text/css"><!--BODY { scrollbar-base-color:
LIGHTBLUE; scrollbar-track-color: WHITE; scrollbar-face-color: LIHTBLUE; scrollbar-highlight-color: BLACK; scrollbar-3dlight-color: BLACK; scrollbar-darkshadow-color: BLACK; scrollbar-shadow-color: BLACK; scrollbar-arrow-color: LIGHTBLUE; }llses{height:5;}body{cursor:crosshair;}}--></STYLE>
<style>strike{background:LIGHTBLUE;color:black;font-family:"terminal";width:100%;line-height:11px;font-size:9px;text-align:left;text-decoration:none;font-weight:bold;border:1px solid black}</style><style type="text/css"><!--b{color:hotpink;font-weight;bold}--></style><style type="text/css"><!--i{color:darkblue;font-varient;small-caps}--></style><style type="text/css"><!--u{color:gold;font-varient;small-caps}--></style>


can be changed to this:


<style type="text/css">
<!--
input { filter:progid:dximagetransform.microsoft.gradient( gradienttype=0,startcolorstr=BLACK,endcolorstr=LIG HTBLUE); border: 1pt solid BLACK; font-family: terminal; color: BLACK; font-size: 9px; letter-spacing: 2pt; text-align: center:}

a:hover {height: 0; filter: mask(color:yellow); }

BODY { scrollbar-base-color: LIGHTBLUE; scrollbar-track-color: WHITE; scrollbar-face-color: LIHTBLUE; scrollbar-highlight-color: BLACK; scrollbar-3dlight-color: BLACK; scrollbar-darkshadow-color: BLACK; scrollbar-shadow-color: BLACK; scrollbar-arrow-color: LIGHTBLUE; }

llses {height: 5px; }
body {cursor: crosshair; }
strike { background: LIGHTBLUE; color: black; font-family: 'terminal'; width: 100%; line-height: 11px; font-size: 9px; text-align: left; text-decoration: none; font-weight: bold; border: 1px solid black; }
b { color: hotpink; font-weight: bold; }
i { color: darkblue; font-varient: small-caps; }
u {color: gold; font-varient: small-caps; }
-->
</style>


and move that between the <head> and </head> tags :) Plus remove the space in the word "dximagetransform" to make the code work.
stuff like:

right:2;bottom:131;

should be:

right: 2px; bottom: 131px;

or anything aslong as there is anything behind the numbers, when you put only 2 there the browser doesn't know if it are points, cm, pixels or whatever.. Fix that first :)

Love,
Mirna

ucantparkhere
04-11-2005, 03:46 AM
Ok, I think I changed everything but... nothing happened!!! What's up?!

Monkey Bizzle
04-11-2005, 08:25 AM
you forgot to put the style stuff in the head section, you forgot to close some important tags, and you had some typos. Try this:

<HTML>
<HEAD>

<TITLE>You Can't Park Here</TITLE>

<META NAME="description" CONTENT="Chat, HTML help, message boards, advice, fun, games, quizzes, more.">
<META NAME="keywords" CONTENT="Chat, HTML,message boards, advice, fun, games, quizzes, more.">
<META NAME="author" CONTENT="Jessica Taylor Kesler">

<style type="text/css">

input
{filter: progid:dximagetransform.microsoft.gradient( gradienttype=0,startcolorstr=BLACK,endcolorstr=LIG HTBLUE);
border: 1pt solid BLACK;
font-family: terminal;
color: BLACK;
font-size: 9px;
letter-spacing: 2pt;
text-align: center;}

a:hover
{height: 0px;
filter: mask(color:yellow);}

BODY
{cursor: crosshair;
scrollbar-base-color: LIGHTBLUE;
scrollbar-track-color: WHITE;
scrollbar-face-color: LIGHTBLUE;
scrollbar-highlight-color: BLACK;
scrollbar-3dlight-color: BLACK;
scrollbar-darkshadow-color: BLACK;
scrollbar-shadow-color: BLACK;
scrollbar-arrow-color: LIGHTBLUE;}

llses
{height: 5px;}

strike
{background: LIGHTBLUE;
color: black;
font-family: terminal;
width: 100%;
line-height: 11px;
font-size: 9px;
text-align: left;
text-decoration: none;
font-weight: bold;
border: 1px solid black;}

b
{color: hotpink;
font-weight: bold;}

i
{color: darkblue;
font-varient: small-caps;}

u
{color: gold;
font-varient: small-caps;}

</style>

</HEAD>
<BODY>
<br>
<br>
<br>
<br>

<center>
<table style="position: absolute; border: 2pt double black; background-color: white; filter: alpha(opacity=100);" border="0" cellspacing="1" cellpadding="1">
<tr>
<td>
<span style="overflow: auto; width: 659px; height: 478px; position: absolute; left: 2px; top: 2px;">
<img src="http://img126.exs.cx/img126/3844/doll4site9cr.jpg" border="1">
</span>
</td>
</tr>
</table>

<table style="position: absolute; right: 2px; top: 2px; border: 1pt solid black; background-color: white; filter: alpha(opacity=100);" border="0" cellspacing="1" cellpadding="1">
<tr>
<td>
<span style="overflow: auto; height: 300px; width:295px;">
<center>
<font color="black" size="1">
<strike>You Can't Park Here</strike>
</center>

<b>Bold</b>
<i>Italics</i>
<u>Underline</u>

<p align=right>
<a href="http://www.myspace.com/ucantparkhere"><font color="black" face="terminal" size="1">ucantparkhere</font>
</font>
</a>
</p>
</td>
</tr>
</table>

<table style="position: absolute; right: 2px; bottom: 131px; border: 1pt solid black; background-color: white; filter: alpha(opacity=100);" border="0" cellspacing="1" cellpadding="1">
<tr>
<td>
<span style="overflow: auto; height: 300px; width: 295px;">
<center>
<font color="black" size="2">
<strike>Layouts</strike>
</font>
</center>
</td>
</tr>
</table>
</center>

</BODY>
</HTML>

ucantparkhere
04-11-2005, 07:30 PM
okay... NOW look at it. ?