mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Mi 24.04.2024 18:56 Benutzername: Passwort: Auto-Login

Thema: rollover effekt vom 04.10.2007


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> rollover effekt
Seite: Zurück  1, 2, 3  Weiter
Autor Nachricht
classic.franky
Threadersteller

Dabei seit: 24.07.2006
Ort: Berlin
Alter: 113
Geschlecht: Männlich
Verfasst So 07.10.2007 23:45
Titel

Antworten mit Zitat Zum Seitenanfang

irgedn wie bekomme ich das nicht gebacken *hu hu huu*

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>







* Ich will nix hören... *
  View user's profile Private Nachricht senden
SURE612

Dabei seit: 02.12.2005
Ort: Bärlin / CB
Alter: -
Geschlecht: Männlich
Verfasst Mo 08.10.2007 02:39
Titel

Antworten mit Zitat Zum Seitenanfang

was soll das mit -141px für den hintergrund???
tausch den doch einfach komplett aus

normal bild 1
hover bild 2
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
Zeithase

Dabei seit: 09.05.2005
Ort: Erfurt
Alter: 39
Geschlecht: Männlich
Verfasst Mo 08.10.2007 02:50
Titel

Antworten mit Zitat Zum Seitenanfang

SURE612 hat geschrieben:
was soll das mit -141px für den hintergrund???
tausch den doch einfach komplett aus

normal bild 1
hover bild 2


*Huch* Willkommen im 21. Jahrhundert, wo wir mittlerweile ein Bild laden, damit beim Hover kein leeres Warte-Loch entsteht.
  View user's profile Private Nachricht senden
SURE612

Dabei seit: 02.12.2005
Ort: Bärlin / CB
Alter: -
Geschlecht: Männlich
Verfasst Mo 08.10.2007 03:43
Titel

Antworten mit Zitat Zum Seitenanfang

* Applaus, Applaus * 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
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Zeithase

Dabei seit: 09.05.2005
Ort: Erfurt
Alter: 39
Geschlecht: Männlich
Verfasst Mo 08.10.2007 14:31
Titel

Antworten mit Zitat Zum Seitenanfang

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.
  View user's profile Private Nachricht senden
SURE612

Dabei seit: 02.12.2005
Ort: Bärlin / CB
Alter: -
Geschlecht: Männlich
Verfasst Mo 08.10.2007 14:37
Titel

Antworten mit Zitat Zum Seitenanfang

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 * Mal bisschen die Nase pudern... *
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
classic.franky
Threadersteller

Dabei seit: 24.07.2006
Ort: Berlin
Alter: 113
Geschlecht: Männlich
Verfasst Mi 10.10.2007 02:33
Titel

Antworten mit Zitat Zum Seitenanfang

alle fertig *Huch* * Ja, ja, ja... * Lächel


noch jemand einen tip für mich? danke Ooops
  View user's profile Private Nachricht senden
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mi 10.10.2007 09:33
Titel

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ä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?
Neues Thema eröffnen   Neue Antwort erstellen Seite: Zurück  1, 2, 3  Weiter
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.