zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Bildwechsel an anderer Stelle

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 05.02.2008, 11:06
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 05.02.2008
Beiträge: 1
joekuelue befindet sich auf einem aufstrebenden Ast
Standard Bildwechsel an anderer Stelle

Hallo.

Als Newbie habe ich eine für euch wahrscheinlich einfache Frage.

Ich möchte in der Navigationsleiste beim hover eines Text-Links oder auch eines Grafik-Links an einer anderen Stelle auf der Seite ein Bild/Foto erscheinen lassen. Wie bekomme ich das mit CSS hin?

Danke schon mal für eure Mühe.

joekuelue
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 05.02.2008, 12:02
Neuer Benutzer
neuer user
 
Registriert seit: 04.02.2008
Beiträge: 4
banane234 befindet sich auf einem aufstrebenden Ast
Standard

Als erstes musst du das Foto im HTML-Quelltext innerhalb des Verweises plazieren:

<div id="bild">
<a class="verweismitbild" href="irgendwas.html"><img src="bild.jpg" alt="Schönes Bild" /></a>
</div>

Dann notierst du im Stylesheet:

#bild a img {
display:none;
}

#bild a:hover img {
display:block;
position:fixed;
}


Dann wird das Bild immer angezeigt, wenn du mit dem Mauszeiger über das Bild fährst. Du must im Stylesheet allerdings noch die Position des Bildes angeben.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 05.02.2008, 12:31
Benutzerbild von paracelsus
be simple
XHTMLforum-Kenner
 
Registriert seit: 16.07.2007
Ort: Bruck an der Mur - Austria, einige meinen am "Anus Mundi"
Beiträge: 4.786
paracelsus ist einfach richtig nettparacelsus ist einfach richtig nettparacelsus ist einfach richtig nettparacelsus ist einfach richtig nett
Standard

Zitat:
Zitat von joekuelue Beitrag anzeigen
Hallo.

Als Newbie habe ich eine für euch wahrscheinlich einfache Frage.

Ich möchte in der Navigationsleiste beim hover eines Text-Links oder auch eines Grafik-Links an einer anderen Stelle auf der Seite ein Bild/Foto erscheinen lassen. Wie bekomme ich das mit CSS hin?

Danke schon mal für eure Mühe.

joekuelue
Wenn das Bild an ganz anderer Stelle erscheinen soll, wirst Du Javascript benötigen.
Ansonsten informiere Dich über Nachbarselektoren.
Mit Zitat antworten
  #4 (permalink)  
Alt 05.02.2008, 12:43
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.867
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Nein, wenn das Bild innerhalb von a steht, ist es kein Problem, es per position: absolute; überall erscheinen zu lassen (position: fixed; hat nicht viel Sinn, da es der IE < 7 nicht versteht).
Mit Zitat antworten
  #5 (permalink)  
Alt 05.02.2008, 13:04
Benutzerbild von paracelsus
be simple
XHTMLforum-Kenner
 
Registriert seit: 16.07.2007
Ort: Bruck an der Mur - Austria, einige meinen am "Anus Mundi"
Beiträge: 4.786
paracelsus ist einfach richtig nettparacelsus ist einfach richtig nettparacelsus ist einfach richtig nettparacelsus ist einfach richtig nett
Standard

Stimmt, ich musste es allerdings erst nachbauen, um es zu glauben...
Danke.
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
Unternavigation an anderer Stelle positionieren TomcatChriss CSS 3 28.05.2011 21:36
per :hover an anderer Stelle ein background-image verstecken BobbyKreuzberg CSS 8 28.09.2010 19:51
CSS Klasse an anderer Stelle erweitern Pari CSS 5 06.03.2009 08:33
CSS Menü: Hover und öffnen an anderer Stelle Stingery CSS 4 17.12.2007 00:17
style definition von anderer styledefinition übernehmen weserweb CSS 4 28.09.2003 12:06


Alle Zeitangaben in WEZ +2. Es ist jetzt 19:46 Uhr.