| Autor |
Nachricht |
Askart
Threadersteller
Dabei seit: 08.11.2006
Ort: -
Alter: 32
Geschlecht: 
|
Verfasst Fr 30.04.2010 09:41
Titel Hilfe bei CSS-Rollover |
  |
|
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?
|
|
| |
  |
 |
| |
|
|
choise
Moderator
Dabei seit: 01.02.2007
Ort: Würzburg
Alter: 24
Geschlecht:
|
Verfasst Fr 30.04.2010 09:45
Titel
|
|
|
| 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
|
|
| |
 |
|
Askart
Threadersteller
Dabei seit: 08.11.2006
Ort: -
Alter: 32
Geschlecht:
|
Verfasst Fr 30.04.2010 09:57
Titel
|
|
|
danke aber das klappt so nicht habe ich ausprobiert.
was meinste mit sprite
|
|
| |
|
|
choise
Moderator
Dabei seit: 01.02.2007
Ort: Würzburg
Alter: 24
Geschlecht:
|
Verfasst Fr 30.04.2010 10:06
Titel
|
|
|
zeig uns doch einfach mal was du bisher gemacht hast und wie du es möchtest.
------
Google: CSS Sprite 
|
|
| |
|
|
Askart
Threadersteller
Dabei seit: 08.11.2006
Ort: -
Alter: 32
Geschlecht:
|
Verfasst Fr 30.04.2010 10:10
Titel
|
|
|
| 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.
|
|
| |
|
|
| |
|
|
| Ähnliche Themen |
[Javascript][CSS] JavaScrip-Rollover-Bild in CSS-Dropdown
Rollover mit CSS
tabellen rollover -> css
grafik-rollover mit css
CSS, Hilfe bei Rollover
CSS - Bildaustausch per Rollover
|
|
Willkommen auf dem Portal für Mediengestalter
