Ich habe folgenden Code:
<html>
<head>
<title>Dynamische grafische Buttons</title>
<script type="text/javascript">
Normal1 = new Image();
Normal1.src = "Hauptmenue01.jpg"; /* erste Standard-Grafik */
Highlight1 = new Image();
Highlight1.src = "Hauptmenue02.jpg"; /* erste Highlight-Grafik */
Normal2 = new Image();
Normal2.src = "Video01.jpg"; /* zweite Standard-Grafik */
Highlight2 = new Image();
Highlight2.src = "Video02.jpg"; /* zweite Highlight-Grafik */
/* usw. fuer alle weiteren zu benutzenden Grafiken */
function Bildwechsel (Bildnr, Bildobjekt) {
window.document.images[Bildnr].src = Bildobjekt.src;
}
</script>
<style type="text/css">
h1 { color:#6363A5; font-family:Arial,sans-serif; }
p { color:#000000; font-family:Arial,sans-serif; }
</style>
</head>
<body bgcolor="black" background="buttonsback.gif">
<table border="0" cellpadding="0" cellspacing="0"><tr>
<td valign="top">
<a href="../../../index.htm"
onMouseOver="Bildwechsel(0, Highlight1)"
onMouseOut="Bildwechsel(0, Normal1)"><img src="button1.gif"
width="130" height="30" border="0" alt="Home"></a><br>
<a href="../../../helferlein/index.htm"
onMouseOver="Bildwechsel(1, Highlight2)"
onMouseOut="Bildwechsel(1, Normal2)"><img src="button2.gif"
width="130" height="30" border="0" alt="Helferlein"></a><br>
<a href="../../../layouts/index.htm"
onMouseOver="Bildwechsel(2, Highlight3)"
onMouseOut="Bildwechsel(2, Normal3)"><img src="button3.gif"
width="130" height="30" border="0" alt="Layouts"></a><br>
</td><td> </td>
<td valign="top">
<h1>Dynamische grafische Buttons</h1>
<p><b>Fahren Sie mit der Maus über die Buttons. Sie dürfen auch
draufdrücken ;-)</b></p>
</td>
</tr>
</table>
</body>
</html>
Aber wie kann ich bei diesem Code die Buttons Positionieren?? Oder gibt es vielleicht dafür einen eigenen Code??
Mfg Kingsize
kingsize Gast |
