Ich habe ein Problem. Ich möchte wissen, wie ich es hinbekomme, dass der Button nicht mit verrutscht, wenn der Text länger sein sollte. Muss ich dafür eine extra Tabelle machen, oder wie soll ich das machen? Ich hoffe ihr versteht was ich meine.
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><title>Orichalkum - Startseite</title><meta name="description" content="Die Seite zum Pokemonhack Orichalkum"><meta name="keywords" content="orichalkum, hack, pokemon, marluxia"><meta name="author" content="yanbo"><link rel="stylesheet" href="cssmenu.css" type="text/css"></head><body><table width="100%" border="0" cellpadding="0" cellspacing="2"> <tr height="160" valign="top" > <td> </td> <td width="60%" align="center"><img src="../Bilder/banner.png" align="center" alt="Pokemon Orichalkum Banner" title="Pokemon Orichalkum Banner" ></td> <td> </td> </tr> <tr> <td><div class="uberschrift">Menü</div></td> <td><div class="uberschrift">NEWS</td> <td>Heute ist <script type="text/javascript"> <!-- var Datum = new (Date); var Tag = Datum.getDate(); var Wochentag = Datum.getDay(); var Monat = Datum.getMonth(); var Jahr = Datum.getFullYear(); var Stunde = Datum.getHours(); var Minute = Datum.getMinutes(); var Sekunde = Datum.getSeconds(); var Tagname = new Array("Sonntag","Montag","Dienstag","Mittwoch","Donnerstag","Freitag","Samstag"); var Monatname = new Array("Januar","Februar","März","April","Mai","Juni","Juli","August","September","Oktober","November","Dezember"); document.write(Tagname[Wochentag]+",<br>der "+Tag+". "+Monatname[Monat]+" "+Jahr+" um<br>"+Stunde+":"+Minute+" Uhr und "+Sekunde+" Sekunden"); //--> </script></td> </tr> <tr> <td><a class="button" href="index.html">Startseite</a></td> <td>j<br>j<br>j<br>j<br>j<br>j<br>j<br>j<br>j<br>j<br>j </td> <td>Link zu anderen Seiten, etc</td> </tr> <tr> <td><a class="button" href="info.html">Infos</a></td> <td>???</td> <td>Link zu anderen Seiten, etc</td> </tr> <tr> <td><a class="button" href="kontakt.html">Kontakt</a></td> <td>blubb</td> <td>blubb</td> </tr> <tr> <td><a class="button" href="story.html">Story</a></td> <td>blubb</td> <td>blubb</td> </tr> <tr> <td><a class="button" href="map.html">Maps</a></td> <td>blubb</td> <td>blubb</td> </tr> <tr> <td><a class="button" href="sprites.html">Sprites</a></td> <td>blubb</td> <td>blubb</td> </tr></table></body></html>
CSS
<!--
body {
background-color:#400002;
color:#8d8d8d;
font-family: arial, sans-serif;
font-size: 13px;
}
.button {
display:block;
color:#400002;
width:169px;
height:45px;
font-size:17px;
font-family:Verdana, Arial, sans-serif;
font-weight:bold;
text-decoration:none;
text-align:center;
background-image:url(../bilder/button.png);
margin-left:0px
}
.button:hover {
display:block;
color:#400002;
background-image:url(../bilder/buttonhover.png);
}
.uberschrift {
text-align:center;
text-decoration:underline;
font-style:italic;
font-size:30px;
font-weight:bolder;
font-family:courier new,sans-serif,arial;
}
//-->
Alles anzeigen
Hier auch noch mal ein Screen, was ich meine:
[Blockierte Grafik: http://i34.tinypic.com/5a9v5.png]
Es soll so sein, dass der Button links mit der Aufschrift Startseite nicht verrückt wird, aber der Text trotzdem auf gleicher Höhe mit dem Button anfängt.
mfg yanbo