zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Css navigation

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 16.11.2007, 09:52
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 07.05.2007
Beiträge: 11
party befindet sich auf einem aufstrebenden Ast
Standard Css navigation

Hallo leute ich bin gerade dabei eine navigation zu erstellen.
Die navigationspunkte Home , About me und so weiter sind Bilder.
ich möchte jetzt onmouse over das sich das bild ändert bzw der bereich.

Sprich das bild ist insgesammt 20px hoch in den ersten 10px ist der Text in schwarz und in den anderen 10px der Text in schwarz.

Wenn ich das bild das ja gesammt 20px hat nur 10 geben will (height:10px) weil ich nur den schwarzen text anzeigen will dann verkleinert er mir das ganze bild auf die 10px. geht das das ich nur die ersten 10 angezeigt bekomme und das wenn ich onmouse over bin dann (background: 0% -10px) also den unteren teil dann oben anzeigt????

vielen dank hoffe ich hab das halbwegs verständlich erklärt
hab das ganze zurzeit in js aber dann hab ich immer 2 bilder und über css wär es schöner
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 16.11.2007, 10:46
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
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

Zitat:
Zitat von party Beitrag anzeigen
vielen dank hoffe ich hab das halbwegs verständlich erklärt
Nein

Was genau ist denn noch Dein Problem? Du hast das nötige Stichwort bereits selber genannt: background-position. Wenn Du ein Bild hast, das beide Zustände enthält, kannst Du per background-position entweder den einen oder den anderen anzeigen lassen.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 16.11.2007, 11:42
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 07.05.2007
Beiträge: 11
party befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Nein
kurz und knapp



also ich habe eine navi. Diese besteht nicht aus einem Text sondern einem Bild. sprich es schaut so aus

Code:
 <a href=#><img src=home.gib class=imgnavi></a> <a href=#><img src=bio.gib class=imgnavi></a>
das problem so ist das es mir die ganzen 20px vom bild anzeigt also beide zustände. wenn ich in css dann dazuschreibe das es nur 10px groß sein soll dann schrumpft er mir die 20px auf 10px das heist ich sehe trotzdem beide zustände. das probem ist ich hab hier schon img angeben und desshalb background nicht funktioniert... aber die navigation von einer DB rauslese und dann nicht individuell die CSS datei verändern kann. auser ich mach diesen teil dirket in der .php datei.

das problem beim javasript ist das es 2 unterschiedliche bilder sind das heist er braucht beim mouseover immer 1 sec bis er es anzeigt. und bei css würd er das bild dann gleich in einem anzeigen und so bräuchte er keine sec mehr zum laden für das andere....

so ich hoffe ich hab es jetzt halbwegs verständlich geschrieben... besser schaff ich es nicht *gg*
Mit Zitat antworten
  #4 (permalink)  
Alt 16.11.2007, 11:50
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
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

Kein img - schreibe normalen Text in den Link und lasse ihn per text-indent: -9999px; verschwinden. Dann gib die Grafik als background an. background: Hintergrundbilder: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets
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
Problem mit CSS Dropline menü horst77 CSS 1 12.08.2009 12:49
CSS Navigation (Farben probleme) Siwolk CSS 5 07.05.2008 21:14
Javascript UL Navigation im IE6 ven CSS 7 29.04.2008 16:29
CSS Navigation mit "umschlossener" Grafik name CSS 6 24.09.2007 23:33
Problem mit ie6 und css navigation Sinclair CSS 0 29.03.2007 17:00


Alle Zeitangaben in WEZ +2. Es ist jetzt 16:24 Uhr.