Autor |
Nachricht |
classic.franky
Threadersteller
Dabei seit: 24.07.2006
Ort: Berlin
Alter: 113
Geschlecht:
|
Verfasst So 07.10.2007 23:45
Titel
|
|
|
irgedn wie bekomme ich das nicht gebacken
Code: | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>hebel</title>
<style type="text/css">
a#hebel:link,
a#hebel:visited {
background: url(http://audioklassiks.de/Bilder/Blog/power.gif) no-repeat;
display: block;
height: 141px; /* halbe höhe der grafik */
width: 104px; /* breite der grafik */
}
a#hebel:hover,
a#hebel:active {
background: url(http://audioklassiks.de/Bilder/Blog/power.gif) 0 -141px no-repeat; /* die grafik um die hälfte der höhe verschieben */
}
</style>
</head>
<body>
<br><br><br><br><br><br>
<br><br><br><br><br><br> <center> <a href="www.test.de" id="hebel"></a> </center>
</body>
</html> |
|
|
|
|
|
SURE612
Dabei seit: 02.12.2005
Ort: Bärlin / CB
Alter: -
Geschlecht:
|
Verfasst Mo 08.10.2007 02:39
Titel
|
|
|
was soll das mit -141px für den hintergrund???
tausch den doch einfach komplett aus
normal bild 1
hover bild 2
|
|
|
|
|
Anzeige
|
|
|
Zeithase
Dabei seit: 09.05.2005
Ort: Erfurt
Alter: 39
Geschlecht:
|
Verfasst Mo 08.10.2007 02:50
Titel
|
|
|
SURE612 hat geschrieben: | was soll das mit -141px für den hintergrund???
tausch den doch einfach komplett aus
normal bild 1
hover bild 2 |
Willkommen im 21. Jahrhundert, wo wir mittlerweile ein Bild laden, damit beim Hover kein leeres Warte-Loch entsteht.
|
|
|
|
|
SURE612
Dabei seit: 02.12.2005
Ort: Bärlin / CB
Alter: -
Geschlecht:
|
Verfasst Mo 08.10.2007 03:43
Titel
|
|
|
der kommentar is klasse
kannst das bild ja auch preloaden wenn du willst
bei dir ist wahrscheinlich eine internetseite gleich ein bild oder wie?
p.s. beim verschieben wird aus grau auch nicht orange
|
|
|
|
|
Zeithase
Dabei seit: 09.05.2005
Ort: Erfurt
Alter: 39
Geschlecht:
|
Verfasst Mo 08.10.2007 14:31
Titel
|
|
|
SURE612 hat geschrieben: | kannst das bild ja auch preloaden wenn du willst
bei dir ist wahrscheinlich eine internetseite gleich ein bild oder wie? |
Ich moechte jetzt ungern Dieter Nuhr zitieren. Aber wenn Du etwas nachdenkst, weißt Du, warum der Weg ueber CSS-Eigenschaften intelligenter und vorallem endanwenderfreundlicher ist, als irgendein Preload-Gefuddel.
|
|
|
|
|
SURE612
Dabei seit: 02.12.2005
Ort: Bärlin / CB
Alter: -
Geschlecht:
|
Verfasst Mo 08.10.2007 14:37
Titel
|
|
|
also bitte
das is doch wohl nich dein ernst
das bild hat ca. 12kb
falls du noch an nem monocronem monitor mit btx modem sitzt könnte das da wirklich zu problemen führen
desweiteren kannst du auch komplett auf bilder verzichten und alles anwenderfreundlich nur mit css eigenschaften formatieren
aber nicht soviel schreiben, weil das muss ja auch erst mal übertragen werden
na is auch egal
ich denke mal wir beenden das einfach
|
|
|
|
|
classic.franky
Threadersteller
Dabei seit: 24.07.2006
Ort: Berlin
Alter: 113
Geschlecht:
|
Verfasst Mi 10.10.2007 02:33
Titel
|
|
|
alle fertig
noch jemand einen tip für mich? danke
|
|
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 10.10.2007 09:33
Titel
|
|
|
Wo der Vorteil liegt wenn man nur eine Grafik nutzt sollte jedem klar sein.
Code: | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>hebel</title>
<style type="text/css">
a#hebel:link,
a#hebel:visited {
background: url(hebel.gif) no-repeat;
display: block;
height: 142px;
width: 104px;
}
a#hebel:hover,
a#hebel:active {
background: url(hebel.gif) 0 -142px no-repeat;
}
</style>
</head>
<body>
<a href="" id="hebel"></a>
</body>
</html> |
Zuletzt bearbeitet von m am Mi 10.10.2007 09:34, insgesamt 1-mal bearbeitet
|
|
|
|
|
|
|
|
Ähnliche Themen |
Rollover-Effekt im IE
Rollover Effekt -> Javascript in PHP
Rollover- Effekt Golive Cs2
Fotolia-Rollover-Effekt
rollover backgorund effekt, nur wie?
Dreamweaver CS4 - Rollover-Effekt - Bug?
|
|