• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Hoverschaltfläche mitte im Text

lisaaa17

Neues Mitglied
Ich wollte eine Schaltfläche mitten in einem Text einbauen.
Die Schaltfläche ist eine einfache Grafik, die das Bild bei Mouseover wechselt.

Habe folgendes probiert:

Code:
[B]html:[/B]
<ul>
   <li>1. Semester <div class="img1">&nsb;</div> - Einführung </li>
   <li>2. Semester <div class="img1">&nsb;</div> - Diplomarbeit</li>
</ul>
[B]
css:[/B]
.img1:hover{
    background:url('test1.jpg');
}
.img1{
    background:url('test2.jpg'); 
    width:30px; 
    height:30px;
}

Die Grafik sollte zwischen den Wörtern stehen und nicht in einer neuen Zeile wie bei mir.
 
Zurück
Oben