zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Rollover von mehreren Bildern gleichzeitig?

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 29.11.2011, 14:24
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 29.11.2011
Beiträge: 3
Zuggerwadde befindet sich auf einem aufstrebenden Ast
Standard Rollover von mehreren Bildern gleichzeitig?

Hey,
Bin seit Tagen auf der suche nach einer lösung für mein problem.

Habe eine kleine navi leiste links, welche rollovertechnisch auch schon so funktioniert wie ich mir das vorstelle.
Jetzt soll sich aber immer wenn ich einen menüpunkt mit der Maus berühre nicht nur das rollover am button ändern, sondern auch ein anderes Bild mitten auf der website. (einpfeil welcher auf den button zeigt).
Wie bekomme ich das hin, das sich 2 bilder ändern?

hier mein bisheriger code:

Code:
a#postit1a {
    display: block;
    width: 162px;
    height: 117px;
    background-image: url(../images/pos1.png);
    background-position: 0 0;
    margin: 0 auto;
}
a#postit1a:hover {
    background-position: 0 -117px;
}
a#postit2a {
    display: block;
    width: 162px;
    height: 117px;
    background-image: url(../images/pos2.png);
    background-position: 0 0;
    margin: 0 auto;
}
a#postit2a:hover {
    background-position: 0 -117px;

a .alt { display: none; }
Hier die Seite, rechts neben der leiste soll der pfeil hinkommen...
klick mich an

danke schonmal
Max
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 29.11.2011, 14:39
body.ie {display: grotte}
XHTMLforum-Mitglied
 
Registriert seit: 09.01.2011
Beiträge: 841
take_a_7 sorgt für eine eindrucksvolle Atmosphäretake_a_7 sorgt für eine eindrucksvolle Atmosphäre
Standard

Moin,

man kann mit den verschiedenen Selektoren auch weitere Elemente in Abhängigkeit von einem :hover selektieren (Hauptsächlich wahrscheinlich + / ~). Ansonsten kann man den Pfeil per ::after erstellen.

gruß,
take
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 29.11.2011, 16:17
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 29.11.2011
Beiträge: 3
Zuggerwadde befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von take_a_7 Beitrag anzeigen
Moin,

man kann mit den verschiedenen Selektoren auch weitere Elemente in Abhängigkeit von einem :hover selektieren (Hauptsächlich wahrscheinlich + / ~). Ansonsten kann man den Pfeil per ::after erstellen.

gruß,
take
hmmm ganz versteh ich das nicht...
wie soll ich an das hover weitere Elemente anhängen?

Code:
a#postit1a:hover {
    background-position: 0 -117px;
Mit Zitat antworten
  #4 (permalink)  
Alt 29.11.2011, 16:22
body.ie {display: grotte}
XHTMLforum-Mitglied
 
Registriert seit: 09.01.2011
Beiträge: 841
take_a_7 sorgt für eine eindrucksvolle Atmosphäretake_a_7 sorgt für eine eindrucksvolle Atmosphäre
Standard

Moin,

meinetwegen du hast folgendes HTML:
HTML-Code:
<a href="/bla.html">Bla<span class="pfeil"></span></a>
dann kannst du den Pfeil folgendermaßen einblenden:
Code:
span.pfeil {
    display:none;
}

a:hover span.pfeil {
    display:block;
}
Dann musst du den Pfeil nur noch richtig positionieren.

Das Beispiel ist natürlich jetzt sehr vereinfacht, macht aber das Grundprinzip klar, denke ich.

gruß,
take
Mit Zitat antworten
  #5 (permalink)  
Alt 30.11.2011, 18:20
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 29.11.2011
Beiträge: 3
Zuggerwadde befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von take_a_7 Beitrag anzeigen
Moin,

meinetwegen du hast folgendes HTML:
HTML-Code:
<a href="/bla.html">Bla<span class="pfeil"></span></a>
dann kannst du den Pfeil folgendermaßen einblenden:
Code:
span.pfeil {
    display:none;
}

a:hover span.pfeil {
    display:block;
}
Dann musst du den Pfeil nur noch richtig positionieren.

Das Beispiel ist natürlich jetzt sehr vereinfacht, macht aber das Grundprinzip klar, denke ich.

gruß,
take
Ich glaub ich bin einfach zu dumm...
könntest du mir vielleicht ein paar beispiel zeile schreiben?
grüü
Mit Zitat antworten
  #6 (permalink)  
Alt 30.11.2011, 18:34
body.ie {display: grotte}
XHTMLforum-Mitglied
 
Registriert seit: 09.01.2011
Beiträge: 841
take_a_7 sorgt für eine eindrucksvolle Atmosphäretake_a_7 sorgt für eine eindrucksvolle Atmosphäre
Standard

Moin,

Zitat:
Zitat von Zuggerwadde Beitrag anzeigen
Ich glaub ich bin einfach zu dumm...
könntest du mir vielleicht ein paar beispiel zeile schreiben?
grüü
Äh, hab ich doch?!? Kannst du überhaupt HTML und CSS? Sonst lies bitte Little Boxes.

gruß,
take
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
CSS Rollover mit Bildern imported_daniel CSS 6 08.12.2011 22:44
background-image und background-color gleichzeitig TimD CSS 10 26.10.2011 13:28
mysteriöser Hovereffekt bei Bildern smile! CSS 7 18.02.2010 18:28
Navi mit mehreren bildern vertikal Hansi CSS 3 29.01.2006 10:21
Bild mit Bildunterschrift bei mehreren Bildern albert thommen CSS 2 21.08.2005 22:41


Alle Zeitangaben in WEZ +2. Es ist jetzt 07:29 Uhr.