Auf Thema antworten 2026

Beitrag

<blockquote data-quote="J000S" data-source="post: 1759164" data-attributes="member: 466637">Hallo alle zusammen...habe versucht selber (nur so zum Spaß) eine Navigationsleiste zu erstellen, mit SCHÖNEN Buttons.Eine einfache Lösung hatte ich schnell zusammen:[HTML]&lt;table border=&quot;0&quot; cellpadding=&quot;1&quot; cellspacing=&quot;0&quot;&gt;&nbsp; &nbsp; &lt;tr&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;td&gt;&lt;a href=&quot;index.html&quot;&gt;&lt;input type=&quot;image&quot; src=&quot;buttons/home_on.png&quot; width=&quot;150&quot; height=&quot;50&quot; alt=&quot;Button&quot;&gt;&lt;/a&gt;&lt;/td&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;td&gt;&lt;a href=&quot;#&quot;&gt;&lt;input type=&quot;image&quot; src=&quot;buttons/page2_off.png&quot; width=&quot;150&quot; height=&quot;50&quot; alt=&quot;Button&quot; onmouseover=&quot;&quot;&gt;&lt;/a&gt;&lt;/td&gt;&nbsp; &nbsp; &lt;/tr&gt;[/HTML](jaja ich weiß ist mit ner Tabelle. Ist aber einfach <img src="/styles/default/xenforo/smilies/zwinker.gif"&nbsp; class="smilie" loading="lazy" alt=";)" title="Wink&nbsp; &nbsp; ;)" data-shortname=";)" /> )Das Problem ist jetzt: Ich möchte gerne, dass die Buttons sich verändern, wenn man mit der Maus drüber fährt oder drauf klickt. In den o.g. &lt;input...&gt; Teil einfach &quot;onmouseover&quot; reinzunehmen, hab ich nicht hinbekommen (wenn es damit überhaupt gehen sollte ^^)Also habe ich folgendes probiert:[HTML]&lt;head&gt;&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot; /&gt;&lt;title&gt;Button Testseite&lt;/title&gt;&lt;link type=&quot;text/css&quot; href=&quot;style.css&quot; /&gt;&lt;/head&gt;&lt;body&gt;&nbsp; &nbsp; &lt;div class=&quot;home&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;a class=&quot;home&quot; href=&quot;#&quot;&gt;Home&lt;/a&gt;&nbsp; &nbsp; &lt;/div&gt;&lt;/body&gt;&lt;/html&gt;[/HTML]und das passende CSS:[HTML]@charset &quot;utf-8&quot;;/* CSS Document */a.home { background-image:url(buttons/home_on.png); display:block; }a.home:hover { background-image: url(buttons/home_on_over.png); }a.home:link { background-image:url(buttons/home_on.png); }a.home:visited { background-image:url(buttons/home_on.png); }a.home:active { background-image:url(buttons/home_klick.png); }[/HTML]ich muss zugeben, ich hab mir das zusammen geguttenbergt <img src="/styles/default/xenforo/smilies/zwinker.gif"&nbsp; class="smilie" loading="lazy" alt=";)" title="Wink&nbsp; &nbsp; ;)" data-shortname=";)" />aber auf selfhtml scheint es ja zu funktionieren. Warum also nicht bei mir? :&#039;(Ich sehe immer nur ein blaues, unterstrichendes &quot;Home&quot; :schmoll:</blockquote>

[QUOTE="J000S, post: 1759164, member: 466637"] Hallo alle zusammen... habe versucht selber (nur so zum Spaß) eine Navigationsleiste zu erstellen, mit SCHÖNEN Buttons. Eine einfache Lösung hatte ich schnell zusammen: [HTML]<table border="0" cellpadding="1" cellspacing="0"> <tr> <td><a href="index.html"><input type="image" src="buttons/home_on.png" width="150" height="50" alt="Button"></a></td> <td><a href="#"><input type="image" src="buttons/page2_off.png" width="150" height="50" alt="Button" onmouseover=""></a></td> </tr>[/HTML](jaja ich weiß ist mit ner Tabelle. Ist aber einfach ;) ) Das Problem ist jetzt: Ich möchte gerne, dass die Buttons sich verändern, wenn man mit der Maus drüber fährt oder drauf klickt. In den o.g. <input...> Teil einfach "onmouseover" reinzunehmen, hab ich nicht hinbekommen (wenn es damit überhaupt gehen sollte ^^) Also habe ich folgendes probiert: [HTML]<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Button Testseite</title> <link type="text/css" href="style.css" /> </head> <body> <div class="home"> <a class="home" href="#">Home</a> </div> </body> </html>[/HTML]und das passende CSS: [HTML]@charset "utf-8"; /* CSS Document */ a.home { background-image:url(buttons/home_on.png); display:block; } a.home:hover { background-image: url(buttons/home_on_over.png); } a.home:link { background-image:url(buttons/home_on.png); } a.home:visited { background-image:url(buttons/home_on.png); } a.home:active { background-image:url(buttons/home_klick.png); }[/HTML]ich muss zugeben, ich hab mir das zusammen geguttenbergt ;) aber auf selfhtml scheint es ja zu funktionieren. Warum also nicht bei mir? :'(Ich sehe immer nur ein blaues, unterstrichendes "Home" :schmoll: [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Wenn ★ = 12, ◇ = 4 und die Hälfte von ★ zu ◇ addiert wird, was ist das Ergebnis?