CSS Style Tipps

Mit CSS eine horizontale Menütabelle gestalten.

Der Quelltext für das Menü wird wie folgt im Headbereich notiert:

<head>
 <title>CSS Men&uuml;</title>
 
<style type="text/css">
<!--

#links {
width: 120px;
border-collapse:collapse;
}

#links a {
display: block;
background: #E0E0E0;
color: #000080;
font: bold 11px Verdana,Arial;
margin: 0px auto;
padding: 4px 2px;
text-decoration: none;
width: 120px;
}

#links a:hover {
background-color: lightblue;
color: blue
}

.td {
border:1px solid #800000;
background-color:#E0E0E0;
width:120px;
text-align: center;
}
-->
</style>
</head>



Das ist der Quelltext für den Bodybereich:

<body>
<table id="links" width="100" cellpadding="0" cellspacing="0" border="0">
<tr>
<td class="td"><a href="menue3.html">Homepage</a></td>
<td class="td"><a href="menue3.html">Startseite</a</td>
<td class="td"><a href="menue3.html">Weitere Links</a></td>
<td class="td"><a href="menue3.html">Weitere Links</a></td>
</tr>
</table>
  </body>


Hier können Sie sich das Beispiel ansehen...» HIER KLICKEN
CSS Style Tipps