SPRY Menüleiste mit Dreamweaver...Problem!

stephfan · 18.08.2010

High zusammen,

ich möchte mir mit DW zum 1. Mal eine Spry-Menüleite basteln. Farben,Schriften und Größen habe ich bereits richtig eingestellt. Nun habe ich aber folgendes Problem:

Zwischen den einzelnen Link-Kästchen ist irgendwie ne Menge Leerraum. Mit welchem CSS-Befehl kann ich diesen überflüssigen Platz entfernen?
Die Links sollen direkt untereinnander liegen, ohne Zwischenraum!

Danke für eure Hilfe...

Stephf

Anina · 18.08.2010

AW: SPRY Menüleiste mit Dreamweaver...Problem!

Am Besten mal kurz einen Screenshot machen... dann können wir uns das besser vorstellen.

stephfan · 18.08.2010

AW: SPRY Menüleiste mit Dreamweaver...Problem!

Sorry!Hast natürlich recht;-)

Hab den Hintergrund zur besseren Erkennung grau gemacht. Die Streifen zwischen den Links sollen weg!

fexx · 18.08.2010

AW: SPRY Menüleiste mit Dreamweaver...Problem!

code bzw. eine test datei im netz wäre aber besser als ein screen ;-)

ich vermute aber, dass es am margin liegt. firebug wird dir sicher weiter helfen

stephfan · 18.08.2010

AW: SPRY Menüleiste mit Dreamweaver...Problem!

Wie Firebug?

hier's ertsmal der Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>TSV Pattensen Fussball</title>
<style type="text/css">

</style>
<script src="../../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="../../SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="inhalt">
<table width="100%" height="834" border="1" cellpadding="0" cellspacing="10">
<tr>
<th height="179" colspan="4" scope="col"> </th>
</tr>
<tr>
<td width="25%" rowspan="2" valign="top" bgcolor="#999999"><ul id="MenuBar1" class="MenuBarVertical">
<li><a href="#">Start</a> </li>
<li><a href="#">1.Herren</a></li>
<li><a href="#">2.Herren</a> </li>
<li><a href="#">Jugend</a></li>
<li><a href="#">Sponsoring</a></li>
<li><a href="#">Kontakt</a></li>
<li><span class="MenuBarItemHover"><span class="MenuBarActive"><a href="#" class="MenuBarItemHover">Impressum</a></span></span></li>
</ul></td>
<td width="43%" height="183" align="left" valign="top"><h4> </h4></td>
<td colspan="2" rowspan="2" align="left" valign="top"><h4> </h4>
<p> </p></td>
</tr>
<tr>
<td height="170" align="left" valign="top"><h4> </h4></td>
</tr>
<tr>
<td height="221"> </td>
<td align="left" valign="top"><h4> </h4></td>
<td width="13%"> </td>
<td width="19%"> </td>
</tr>
</table>
</div>
<script type="text/javascript">

</script>
</body>
</html>

fexx · 18.08.2010

AW: SPRY Menüleiste mit Dreamweaver...Problem!

ehm die wichtigen dateien fehlen ;-)

<script src="../../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="../../SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />

firebug ist ein firefox addon, mit welchem du die styles der einzellnen element ansehen und bearbeiten kannst ;-)