[HTML/CSS] Problem mit Buttonsmenü

[Rade]

Hallo liebe Community,

und zwar habe ich folgendes Problem .

Ich habe mir im Internet ein Template runtergeladen und das Menü sieht im Original so aus.
Jetzt habe ich das mit ein wenig Inhalt gefüllt (mit einem wysiwyg-editor) und jedes Mal wenn ich es dann online stelle, sieht es so aus. Das Menü wird also rechts immer auseinandergezogen, so das eine kleine Lücke entsteht.
Könnt ihr mir sagen, wie ich das wieder wie im Original machen kann?

Und ich hätte da noch so eine Frage, wie kann ich Untermenüs machen? also, ich möchte beispielsweise, wenn jemand mit der Maus über den Button Geschichte Karthagos geht, das ihm dann zum Beispiel automatisch Untermenüs erscheinen unter diesem Button, also sagen wir ,,Entstehung", ,,Punische Kriege" etc.?

Vielen Dank für eure Hilfe

 

[smaak]

Ohne Quelltext wird das ein sehr schwieriges Unterfangen.

 

[Rade]

oh sorry, bitte sehr .
ich habe die width im original und in meiner version verglichen, die waren unterschiedlich. ich habe es angeglichen und jetzt habe ich so nen schwarzen balken in der page rechts. aber der abstand ist weg.

ok hier die meinige version mit dem schwarzen balken:

<!--Beginn Menue linke Seite-->
<table  border="0" cellpadding="0" cellspacing="0"  width="172"  >
<tr>
<td ><img src="images/space.gif" width="1" height="72" border="0" alt=""></td>
</tr>
<tr>
<td valign="top" align="center" width="177" >
<table width="150" border="0" cellpadding="0" cellspacing="0"    id="menu1" >
<tr>
<td width="150" class="rubrik"><font face="Verdana" size="2"> Menü

</font> </td>
</tr>
<tr>
<td width="150" ><font face="Verdana" size="2"><a href="index.html" > Startseite</a></font></td>
</tr>
<tr>
<td width="150"><font face="Verdana" size="2"><a href="index.html" > Geschichte</a></font></td>
</tr>
<tr>
<td width="150" ><font face="Verdana" size="2"><a href="index.html" > Staatswesen</a></font></td>
</tr>
<tr>
<td width="150"><font face="Verdana" size="2"><a href="index.html" > Kultur</a></font></td>

</tr>
<tr>
<td width="150" >
<font face="Verdana" size="2">
<a href="index.html" > Militär</a></font></td>
</tr>
<tr>
<td width="150" >
<font face="Verdana" size="2">
<a href="index.html" > Forum</a></font></td>
</tr>
<tr>
<td width="150" >
<font face="Verdana" size="2">
<a href="index.html" > Impressum</a></font></td>

</tr>
</table></td>
</tr>
</table>
<!--Ende Menue linke Seite-->

und das original:

<!--Beginn Menue linke Seite-->
<table  border="0" cellpadding="0" cellspacing="0"  width="175"  >
<tr>
<td ><img src="images/space.gif" width="1" height="72" border="0" alt=""></td>
</tr>
<tr>
<td valign="top" align="center" width="100%" >
<table width="175" border="0" cellpadding="0" cellspacing="0"    id="menu1" align="center" >
<tr>

<td class="rubrik"> Menü </td>
</tr>
<tr>
<td ><a href="index.html" > Startseite</a></td>
</tr>
<tr>
<td><a href="index.html" > Geschichte</a></td>
</tr>
<tr>
<td ><a href="index.html" > Staatswesen</a></td>
</tr>
<tr>

<td><a href="index.html" > Kultur</a></td>
</tr>
<tr>
<td >
<a href="index.html" > Militär</a></td>
</tr>
<tr>
<td >
<a href="index.html" > Forum</a></td>
</tr>
<tr>
<td >
<a href="index.html" > Impressum</a></td>

</tr>
</table>

</td>
</tr>
</table>
<!--Ende Menue linke Seite-->

 

[Rade]

hab das problem gelöst,

es lag hier

</td>
<td valign="middle" align="center" bgcolor="#b5b596" width="100%" height="72"><img src="images/banner.gif" width="468" height="60" border="1" alt="" style="border:solid 1px #D1D1BD"></td>
</tr>
<tr>
<td bgcolor="#6e7591" class="leiste" width="724"> </td>
</tr>
<tr>
<td valign="top" bgcolor="#ffffff" width="724" height="450" >
<br>


bei der width war ne zahl angegeben, und hier musste 100% rein
kann mir jemand jetzt noch wenigstens die zweite antwort geben?