2 Unterschiedliche Buttons auf eine Höhe

[Brian Folte]

Hallo ich schon wieder und zwar kämpfe ich seit 2 tagen mit meinem neuen Menü und komme jetzt einfach nicht mehr weiter.
Ich möchte das meine Buttons zwischen Tabellen Boden und Button Boden kein Raum mehr frei ist.
Das ist mir nun auch mit dem einen Menü geglückt. Hier mal der Code:

HTML:
CODE <td width="40%" class="r">
<p style="margin-left:20pt"><a class="menu1" href="index.php"><center>AGB</center></a></p>
<p style="margin-left:110pt"><a class="menu1" href="index.php"><center>Hilfe</center></a></p>
<p style="margin-left:200pt"><a class="menu1" href="index.php"><center>AGB</center></a></p>
<p style="margin-left:290pt"><a class="menu1" href="index.php"><center>Hilfe</center></a></p>
<p style="margin-left:380pt"><a class="menu1" href="index.php"><center>Hilfe</center></a></p>
</td>



CSS:

CODE .r { font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bolder;
color: Red;

padding-top: 0px;
padding-bottom: 0px;
text-indent: 5pt;
vertical-align: baseline;

background-repeat : repeat; letter-spacing : 1px;
}


Soweit klappt alles wunderbar. Nun kommt das Problem:


CODE <td width="60%" class="e">
<p style="margin-left:20pt"><a class="kmenu" href="index.php"><center>Hilfe</center></a></p>
<p style="margin-left:100"><a class="kmenu" href="index.php"><center>Hilfe</center></a></p>
</td>


Class e ist genauso wie e. Aber ich bekomme die kleineren Buttons einfach nicht auf den Boden.

So sieht der CSS Code aus der mir meine Buttons definiert:

CODE .kmenu
{
background:url(../graphics/kmenu.gif);
padding:5px;
font-size: 110px;
display: block;
width:60px; (bei den ersten Menü steht hier 110px)
height: 15px; (bei dem ersten Menü steht hier 25px)
text-decoration:none;
float: left;
}


.kmenu:active
{
background:url(../graphics/kmenu.gif);
}
a.home span {
display: none;
}
.clearer {
clear: both;
line-height: 1px;
height: 1px;


}


Wenn ich beide Buttons auf 25px Höhe setzte klappt alles wunderbar aber nicht wenn ich den zweiten Button auf 15px setzte.

LG Brian

 

[Ronald Nickel]

Sei ein Macho und zeigt dem Teil wo es lang geht. Erzwing die Position der Buttons einfach:
Hier wird der in halt einer Zelle(<td&gt auf die Posotion 9 Pixel vom inneren Fensterand: und 9 pivxel vom linken inneren Fensterand erzwungen. Wenn es nur die Höhe sein soll, lässt du das Left-Attribut einfach weg

CSS:
.menu {position: absolute;left: 9px;top: 9px;}

Html:
<Table><TR><TD class="menu"><img src =".....

Gruß Ronny

 

[Brian Folte]

Hallo danke für deine schnelle Antwort. Wenn ich das nun so einbinde, dann rutsch mein Menü aus der eigendlich Tabelle raus bis ganz nach oben zum Seitenanfang.

LG Brian

 

[Ronald Nickel]

Ist doch auch logisch. Du musst die Werte 9 px für dein Menü anpassen.

Woher soll ich auch wissen wo die Teile platziert werden sollen.

Gruß Ronny