PDA

View Full Version : Can you take a look at this code and tell me why it isn't workin....


DawgieDog
12-21-2002, 09:34 AM
<table cellSpacing="3" borderColorDark="#5A758A" width="161" borderColorLight="#7590A1" border="5" style="border-collapse: collapse" border-style: dashed;
border-color: #000000; cellpadding="2" background="http://www.geocities.com/the_emc_site/bg2.jpg" height="180">

<tr>
<td class="menu" bordercolor="white" id="links" style="cursor:crosshair">
<a href="http://www.dynamicdrive.com"><TABLE
STYLE="filter:glow(color=#ffffff,
strength=4)">
<TR><TD><center><li type="square">Members++</TABLE></a></td></tr>

<tr>
<td class="menu" bordercolor="white" id="links" style="cursor:crosshair">
<a href="http://www.dynamicdrive.com"><TABLE
STYLE="filter:glow(color=#ffffff,
strength=4)">
<TR><TD><center><li type="square">Downloads++</TABLE></a></td></tr>


<tr>
<td class="menu" bordercolor="white" id="links" style="cursor:crosshair">
<a href="http://www.dynamicdrive.com"><TABLE
STYLE="filter:glow(color=#ffffff,
strength=4)">
<TR><TD><center><li type="square">Fourms++</TABLE></a></td></tr>

<tr>
<td class="menu" bordercolor="white" id="links" style="cursor:crosshair">
<a href="http://www.dynamicdrive.com"><TABLE
STYLE="filter:glow(color=#ffffff,
strength=4)">
<TR><TD><center><li type="square">Get Recruited++</TABLE></a></td></tr>

<tr>
<td class="menu" bordercolor="white" id="links" style="cursor:crosshair">
<a href="http://www.dynamicdrive.com"><TABLE
STYLE="filter:glow(color=#ffffff,
strength=4)">
<TR><TD><center><li type="square">About Us++</TABLE></a></td></tr>

<tr>
<td class="menu" bordercolor="white" id="links" style="cursor:crosshair">
<a href="http://www.dynamicdrive.com"><TABLE
STYLE="filter:glow(color=#ffffff,
strength=4)">
<TR><TD><center><li type="square">Links++</TABLE></a></td></tr>

<tr>
<td class="menu" bordercolor="white" id="links" style="cursor:crosshair">
<a href="http://www.dynamicdrive.com"><TABLE
STYLE="filter:glow(color=#ffffff,
strength=4)">
<TR><TD><center><li type="square">Contact Us++</TABLE></a></td></tr>

<tr>
<td class="menu" bordercolor="white" id="links" style="cursor:crosshair">
<a href="http://www.dynamicdrive.com"><TABLE
STYLE="filter:glow(color=#ffffff,
strength=4)">
<TR><TD><center><li type="square">CoC++</TABLE></a></td></tr>
</table>

The white borders under the links are suppose to be black and they are not and the borders are suppose to be dashed and they are not. Here is how it looks: http://ba.breederhost.com/Untitled12.html

What is wrong in this code?

ScottInTexas
12-21-2002, 01:41 PM
Try using this


<STYLE TYPE="text/css">
.borderWhite{
border-bottom:thick dashed #000000;
cursor:crosshair;
text-align:center;
}
</STYLE>

I pasted your code into my editor and added this style. Works fine.

The syntax is border-(bottom, top, right, left ):width style color;

I noticed, however, that all your ID's are the same. The ID is supposed to be unique for each element.

Good Luck

Jeepers
12-21-2002, 01:41 PM
I'm not too sure what you want but this produces a thick dashed border around the whole menu with each sub menu with a thin dotted underline.

A suggestion, try closing all the tags you use


<html>
<head>
<title>Dotted menu example</title>
<style type="text/css">
<!--
.menu {font-family:Arial; font-weight:bold}
a.menu {text-decoration:none; color:none; cursor:crosshair;}
td.menu {border:1px dashed #000000; cursor:crosshair; }
.sub { filter:glow(color=#ffffff,strength=4)}
.toplevel {border:5px dashed #000000; background-image:url('http://www.geocities.com/the_emc_site/bg2.jpg'); border-collapse: collapse}
-->
</style>
</head>
<body>
<table class="toplevel" width="161" cellpadding="2" cellspacing="3">
<tr>
<td class="menu" id="links">
<a class="menu" href="http://www.dynamicdrive.com">
<table class="sub">
<tr>
<td>
<li type="square">Members++</li>
</td>
</tr>
</table>
</a>
</td>
</tr>
<tr>
<td class="menu" id="links">
<a class="menu" href="http://www.dynamicdrive.com">
<table class="sub">
<tr>
<td>
<li type="square">Downloads++</li>
</td>
</tr>
</table>
</a>
</td>
</tr>
<tr>
<td class="menu" id="links">
<a class="menu" href="http://www.dynamicdrive.com">
<table class="sub">
<tr>
<td>
<li type="square">Get Recruited++</li>
</td>
</tr>
</table>
</a>
</td>
</tr>
</table>
</body>
</html>


The glow effect has hardly any effect becauase you are using white

DawgieDog
12-22-2002, 03:54 AM
For some reason I click a link and it doesn't take me to the given URL. Why is that?