nicht angemeldet
Buttons mit mouseover
Hallo,
kann mir jemand bitte genau erklären wie ich Buttons erstellen kann in meiner Website die, wenn man mit der maus über den Links geht das Bild ändert? Kenne mich mit Javascript nicht aus. Was muss in den Header und was in den Link oder Bildurl?
<tr>
<td height="20" background="bilder/Layout/Menue_button.jpg" > <img src="bilder/Layout/bild1.gif" /><a href="Impressum.php" > <span class="box"> Impressum</span></a></td>
</tr>
Dies ist mein Button. Das Bild was bei mouseover angezeigt werden soll ist menue_button_over.jpg
Gruß
Sven
-
Hallo Sven!
<tr>
<td height="20" background="bilder/Layout/Menue_button.jpg" > <img src="bilder/Layout/bild1.gif" /><a href="Impressum.php" > <span class="box"> Impressum</span></a></td>
</tr>Dies ist mein Button. Das Bild was bei mouseover angezeigt werden soll ist menue_button_over.jpg
Wo ist da ein Button? Ich sehe nur eine vermutlich für Layout zweckentfremdete Tabelle und ein Bild bei welchem sogar das nötige alt Attribut fehlt. Dann ist da noch ein Span. Ich sehe keinerlei input type="submit", "image" oder auch ein Button Element. Es könnte eventuell sein, dass Dein Bild aussieht wie ein Button. Aber das weiß ich nicht.
Vielleicht beschäftigst Du Dich mit a und seinen Pseudoklassen oder auch mit den Möglichkeiten die Dir JavaScript und Styleeigenschaften bieten
Schönen Gruß
Afra
-
Hallo Sven!
<tr>
<td height="20" background="bilder/Layout/Menue_button.jpg" > <img src="bilder/Layout/bild1.gif" /><a href="Impressum.php" > <span class="box"> Impressum</span></a></td>
</tr>Dies ist mein Button. Das Bild was bei mouseover angezeigt werden soll ist menue_button_over.jpg
Wo ist da ein Button? Ich sehe nur eine vermutlich für Layout zweckentfremdete Tabelle und ein Bild bei welchem sogar das nötige alt Attribut fehlt. Dann ist da noch ein Span. Ich sehe keinerlei input type="submit", "image" oder auch ein Button Element. Es könnte eventuell sein, dass Dein Bild aussieht wie ein Button. Aber das weiß ich nicht.
Sorry falsch ausgedrückz. In meiner Tabelle werden mehrere Links untereinander angezeigt oben sieht man eine dieser Spalten. Dort halt als Hintergrund das eine Bild unnd ind der Zelle steht dann halt der Link.
Geht das mit Mouseover auch da oder muss ich da was ganz anderes nehmen?Gruß
Sven-
Hallo,
Du willst das Hintergrundbild bei mouseOver ändern? Dann benutze CSS, wende die Pseudoklasse
:hoverauf das<td>-Element an.td { background:url(../img/bild1.jpg); } td:hover { background:url(../img/bild2.jpg); }Beste Grüße
--
Meine bescheidene Internetpräsenz - Gästebucheinträge erwünscht!
Das beste Freeware-Programm der Welt
Selfcode: ie:( fl:| br:^ va:| ls:[ fo:) rl:( n4:| ss:| de:[ js:| ch:? sh:( mo:) zu:| -
Hallo Sven!
Sorry falsch ausgedrückz. In meiner Tabelle werden mehrere Links untereinander angezeigt oben sieht man eine dieser Spalten. Dort halt als Hintergrund das eine Bild unnd ind der Zelle steht dann halt der Link.
Geht das mit Mouseover auch da oder muss ich da was ganz anderes nehmen?Du meinst, Du missbrauchst eine Tabelle um eine Liste darzustellen? Dann verwende doch ein Listenelement (ul und li). Wieso missbrauchst Du die Tabelle?
Die von Richard vorgeschlagene Möglichkeit der Pseudoklasse hover auf TDs kann der IE nicht darstellen. Da solltest Du Dir helfen, indem Du innerhalb Deiner Listenelemente! Anker definierst die Du mittels CSS zu Blockelementen machst, damit diese eine Breite und Höhe bekommen können. Danach kannst Du bei diesen mittels hover die Hintergrundfarbe ändern.
Schönen Gruß
Afra
-
-