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

Button effekt

Wäre trotzdem noch für weitere lösungen dankbar.

Danke:D, aber soll ich wirklich einfach nur den quellcode schreiben.:|
Der ergibt doch eigentlich nich viel Sinn.
Naja ich Probiers mal.
Wäre trotzdem noch für weitere lösungen dankbar
webber979
 
aber soll ich wirklich einfach nur den quellcode schreiben.
Der ergibt doch eigentlich nich viel Sinn.
Zum Vergrößern anklicken....

Keine Ahnung, was du meinst. Viel einfacher als im ersten in der Quellensammlung verlinkten Artikel kann man das nicht erklären.
 
Kann mir jemand mal ein Quellcode geben bei dem beim Mouse Over aus einem Bild ein anderes wird
der hier funktioniert irgendwie nicht.:|
Wer echt dankbar.
<html>

<head>

<style type="text/css">
</head>



<body>

<id="examplenavi">

<a href="www.stern.de"><src="lire.jpg" alt="Bild" /></a>
</id>
</body>

</html>

und die css datei dazu:
#examplenavi {
margin:0;
padding:0;
list-style:none;
width:8em;
}
#examplenavi a {
display:block;
padding:2px 2px 2px 10px;
color:#03f;
background:transparent url(lire.jpg) 0 6px no-repeat;
}
#examplenavi a:hover {
color:#f60;
background-position:0 -54px;
}

Danke im Voraus
webber979:D
 
Das ist auch völliger Unsinn! Das kann nicht funktionieren!

So in etwa funktioniert das. Die erweiterten Attribute für die Liste lasse ich erst mal weg, um deinen Blick auf das Wesentliche zu fokussieren.
Außerdem benutze ich Classes statt IDs, da letztere dich zu verwirren scheinen und dich für diesen Zweck auch zu sehr einschränken
HTML: 
<ul class="navlist">
  <li>
    <a class="navi" href="zieldatei1.html">Menüpunkt 1</a>
  </li>
  <li>
    <a class="navi" href="zieldatei2.html">Menüpunkt 2</a>
  <li>
</ul>

css
Code: 
ul.navlist {
  list-style:none;
  }

a.navi {
  height: Höhe des Bildes in px;
  width: Breite des Bildes in px;
  background-image:url(pfad/zum/bild1.jpg);
  }

a.navi:hover {
  background-image:url(pfad/zum/bild2.jpg);
  }

EDIT: Außerdem schließe ich mich voll und ganz mermshaus Meinung an, die er geschrieben hat, wärend ich das hier schrieb ;)
 
Ist das das einzige was man in der css datei schreiben muss damit ein anderes Bild erscheint?

a.button2:hover
{
background-image: url(button2b.gif);
}

Oder kennt ihr einen besseren Code?
 
Ist langsam mal gut, oder? Dir wurden jetzt eine Menge Lösungen/Hilfen gegeben. Wenn du die nicht beachten willst, dann beachte sie eben nicht. Aber dann frag bitte auch nicht weiter.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben