nicht angemeldet
Hallo,
ich habe ein Menü, welches unterschiedlich lange Wörter enthalten kann, da es in versch. Sprachen läuft.
Wenn man über einen Link fährt, dann wird er bold dargestellt und daher etwas in die Länge gezerrt. Dies wiedrum verschiebt jedesmal die anderen Menüpunkte etwas, was nicht gewünscht ist.
Hier auch noch der Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>test</title>
</head>
<style>
/* <![CDATA[ */
#menue {margin-left:277px;height: 22px;width: 486px;right:0px;}
#top_links {bottom:0px;padding-top:2px;}
#top_links a{text-decoration: none;}
#top_links a:hover{font-weight: bold;text-decoration: none;}
/* ]]> */
</style>
<body>
<div id="header">
<div id="menue">
<div id="top_links">
<table border="0" cellpadding="0" cellspacing="2" width="100%" style="border-collapse:collapse;">
<tr>
<td><a href="/" class="active_link">Home</a> </td>
<td> | <a href="/">Test1</a> </td>
<td> | <a href="/">Test Test</a> </td>
<td> | <a href="/">Test</a> </td>
<td> | <a href="/">Test</a> </td>
<td> | <a href="/">Site map</a> </td>
</tr>
</table>
</div>
</div>
</div>
</body>
</html>
Wie kann man dies schaffen, damit es immer fixiert ist?
Mit table-layout:fixed; funktioniert es leider auch nicht, da dann das Menü umgebrochen wird.
lg
Bernhard S.
Gunnar Bittersmann