|
Victo
|
| Titel: Mouseover effekt in HTML |
18.08.2011 20:32 |
|
|
Anmeldungsdatum: 25.01.2011
Beiträge: 142
|
HUHU Com
Die SUFU hat hier zwar was ausgespuckt jedoch hat mir das nicht viel geholfen... Ich habe eine Button und wenn ich mit der maus drüber fahre, will ich das der sich verändert... habe im inet das hier gefunden... geht aber nich, denke mal ich mach was falsch!^^
Zitat: <td><a href="#" onmouseover="../images/b2-Start.jpg" onmouseout="../images/b1-Start.jpg"><img src="../images/b1-Start.jpg" border="0"></a><br></td>
pls help!^^
|
 |
|
| |
|
L3oop
|
| Titel: Mouseover effekt in HTML |
18.08.2011 20:36 |
|
Moderator 45.021 Punkte (?)Anmeldungsdatum: 25.04.2008
Beiträge: 9.399
 |
Experte |
|
Du gibst hier einen Link als Javascript-Befehl an, was jedoch nichts bewirkt. Einen MouseOver-Effekt kannst du ohnehin viel leichter mit CSS bewerkstelligen. Wenn du mir deine Button-Grafik zeigst, kann ich dir sagen, wie das in deinem Fall genau geht.
________________________________________
Stereomix • Bootreihenfolge ändern • PC beschleunigen
|
|
|
| |
|
Victo
|
| Titel: Mouseover effekt in HTML |
18.08.2011 20:38 |
|
|
Anmeldungsdatum: 25.01.2011
Beiträge: 142
|
So von grau zu blau
(danke für die Antwort, wäre echt super wenn du mir das heute noch schnell sagen könntest, weil brauch das morgen in der früh gelich fertig!^^ Dankö)
mfg Ich
[Zuletzt bearbeitet: 18.08.2011 20:57]
________________________________________
Angehängte Bilder:
button.jpg, 172 x 43, 2,5 KB
button2.jpg, 172 x 43, 3,3 KB
|
|
|
| |
|
L3oop
|
| Titel: Mouseover effekt in HTML |
18.08.2011 21:08 |
|
Moderator 45.021 Punkte (?)Anmeldungsdatum: 25.04.2008
Beiträge: 9.399
|
Experte |
|
Dann musst du folgendes ins <head->Tag einfügen:
<style type="text/css">
a.button {
display:block;
width:172px;
height:39px;
text-align:center;
padding-top:4px;
background:url('button.jpg') no-repeat;
}
a:hover.button {
background:url('button2.jpg') no-repeat;
}
</style>
Das img-Tag brauchst du nicht mehr, die Button-Beschriftung kannst du direkt ins <a>-Tag schreiben.
________________________________________
Stereomix • Bootreihenfolge ändern • PC beschleunigen
|
|
|
| |
|
Victo
|
| Titel: Mouseover effekt in HTML |
18.08.2011 21:23 |
|
|
Anmeldungsdatum: 25.01.2011
Beiträge: 142
|
L3oop hat folgendes geschrieben:
<style type="text/css">
a.button {
display:block;
width:172px;
height:39px;
text-align:center;
padding-top:4px;
background:url('button.jpg') no-repeat;
}
a:hover.button {
background:url('button2.jpg') no-repeat;
}
</style>
Muss das in die Html datei oder in die CSS? Denke mal html weil ich ja nur da eine head habe..
und was meinst du genau
Zitat:Das img-Tag brauchst du nicht mehr, die Button-Beschriftung kannst du direkt ins <a>-Tag schreiben.
Also ich habe deine Code in die head rein kopiert so wie sie da steht und dann im body teil meine link mit:
<td><a href="#"> <img src="../images/button.jpg" border="0"></a><br></td>
oder wie muss ich das machen?
(wäre super wenn das so klappen würde, jedoch habe ich gerade gesehn das es en unterschied gibt, wenn ich 3 buttons habe, die einen mouseober effekt haben soll... hm aber riesen danke für deine hilfe!  )
|
|
|
| |
|
L3oop
|
| Titel: Mouseover effekt in HTML |
18.08.2011 22:52 |
|
Moderator 45.021 Punkte (?)Anmeldungsdatum: 25.04.2008
Beiträge: 9.399
|
Experte |
|
Ja, das muss in die HTML-Datei.
Da die Grafiken wie Hintergründe für Buttons aussehen, habe ich den Link für dich jetzt so designt, dass du die Button-Beschriftung direkt in HTML schreiben kannst, z.B. so:
<a href="#">Hier klicken</a>
Das img-Tag brauchst du nicht mehr, weil die Grafik als Hintergrund des Links definiert wurde.
________________________________________
Stereomix • Bootreihenfolge ändern • PC beschleunigen
|
|
|
| |
|
|
|
|
Themen
Unbeantwortet
Betriebssysteme
