zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Liste mit HG bildern

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 25.03.2006, 03:44
Benutzerbild von Peter Klein
CSS-Fetischist
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 27.02.2006
Ort: Berlin
Beiträge: 375
Peter Klein befindet sich auf einem aufstrebenden Ast
Standard Liste mit HG bildern

Hallo

Stehe vor einem problem. Ich habe ein Bild in 4 gleich große Teile zerschnitten. Nun möchte ich diese vier Bilder nebeneinander ( ergeben wieder das gesamte Bild ohne Abstände ) mit einem Hovereffekt versehen, quasi als Links.
Das jeweilige Hoverbild ist etwas anders hat aber immer die gleiche Größe. Möchte das ganze in eine liste packen.
Ich weiss das dies geht, nur ich komme nicht auf den richtigen Weg.
Hoffe ihr habt verstanden wie ich das meine und das mir jemand helfen kann. Ist echt wichtig und ich muss das hinbekommen.

Ich hänge ein Bild an wie es aussehen soll.

Peter
Angehängte Grafiken
Dateityp: gif 1_104.gif (3,7 KB, 71x aufgerufen)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 25.03.2006, 07:58
Neuer Benutzer
neuer user
 
Registriert seit: 25.03.2006
Beiträge: 7
assbach befindet sich auf einem aufstrebenden Ast
Standard

ich glaub image-austausch bei hover geht nicht so einfach crossbrowser mässig, aber vielleicht hilft dir das schonmal: http://css.maxdesign.com.au/listutorial/roll09.htm
http://24ways.org/examples/centered-...css/final.html

wenn du beim abschnitt zu hover ein background-image einfügst, könnte das gehen.
Code:
#topNavi ul li a:hover span {
	color: #fff;
	background: url("img/tab_left_on.gif") no-repeat;
	text-decoration: none;
}
oder

Code:
#topNavi ul li a:hover span {
	color: #fff;
	background-image: url("img/tab_left_on.gif");
	text-decoration: none;
}
siehe:
http://www.css4you.de/background-image.html


ich such aber nochmal..
Mit Zitat antworten
Sponsored Links
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
Liste mit unterschiedlichen Bildern? cordi CSS 3 30.11.2009 10:13
<li> von einer Liste in andere verschieben tichy Javascript & Ajax 5 16.07.2009 14:54
Bunte Liste: Code kürzen? Steakfred CSS 2 23.01.2008 12:43
Liste mit Bildern in einem div Marco D. CSS 2 20.08.2007 17:02
Liste (inline) Umbruch erzeugen Steakfred CSS 3 09.05.2006 13:27


Alle Zeitangaben in WEZ +2. Es ist jetzt 10:59 Uhr.