Brian Folte
Angesehenes Mitglied
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
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