mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Fr 19.04.2024 12:57 Benutzername: Passwort: Auto-Login

Thema: Hilfe bei CSS-Rollover vom 30.04.2010


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Hilfe bei CSS-Rollover
Autor Nachricht
Askart
Threadersteller

Dabei seit: 08.11.2006
Ort: -
Alter: 44
Geschlecht: Männlich
Verfasst Fr 30.04.2010 09:41
Titel

Hilfe bei CSS-Rollover

 Antworten mit Zitat Zum Seitenanfang
Habe zwei image, ein bild ist kleiner und das andere ist größer
problem ist wenn ich die beiden bilder zwei unterschiedlichen positionen geben will wie

Bild klein top 100px und left 100px
und Bild groß top 500px und left 500px

Dan geht das nicht..wie schaffe ich einen rollover in css mit zwei unterschiedlich großen Bildern die ich auch noch positionieren kann?
  View user's profile Private Nachricht senden
choise

Dabei seit: 01.02.2007
Ort: Würzburg
Alter: 35
Geschlecht: Männlich
Verfasst Fr 30.04.2010 09:45
Titel

Antworten mit Zitat Zum Seitenanfang
Code:
element {
   background: transparent url(XXX) left top no-repeat;
}

element:hover {
   background-position: 40px 10px;
   background-image: url();
}


oder beide bilder zu einem sprite machen , noch besser
Hä?
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
Askart
Threadersteller

Dabei seit: 08.11.2006
Ort: -
Alter: 44
Geschlecht: Männlich
Verfasst Fr 30.04.2010 09:57
Titel

Antworten mit Zitat Zum Seitenanfang
danke aber das klappt so nicht habe ich ausprobiert.
was meinste mit sprite
  View user's profile Private Nachricht senden
choise

Dabei seit: 01.02.2007
Ort: Würzburg
Alter: 35
Geschlecht: Männlich
Verfasst Fr 30.04.2010 10:06
Titel

Antworten mit Zitat Zum Seitenanfang
zeig uns doch einfach mal was du bisher gemacht hast und wie du es möchtest.


------

Google: CSS Sprite Hmm...?!
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Askart
Threadersteller

Dabei seit: 08.11.2006
Ort: -
Alter: 44
Geschlecht: Männlich
Verfasst Fr 30.04.2010 10:10
Titel

Antworten mit Zitat Zum Seitenanfang
Code:

#navi {
z-index:4;
display:block;
background-image:url(../bilder/navi/test.jpg);
background-repeat:no-repeat;
width:                  90px;
height:                71px; 
}
#navi:hover
{
z-index:4;
display:block;
background-image:url(../bilder/navi/test2.jpg);
background-repeat:no-repeat;
width:                  261px; 
height:                 353px; 
}


Mein Problem ist die Größe weil es zwei verschiedene sind
und die positionierung.
Klappt nur wenn die größen gleich sind aber dan habe ich auch die gleiche position und das möchte ich nicht.
  View user's profile Private Nachricht senden
 
Ähnliche Themen Rollover
rollover
Rollover mit CSS
rollover-PNG in PS
CSS, Hilfe bei Rollover
Problem mit JS Rollover
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


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.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB