zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden horizontale Navigation mit rollover Bild

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 26.11.2009, 23:14
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.11.2009
Beiträge: 3
c3ox befindet sich auf einem aufstrebenden Ast
Unglücklich horizontale Navigation mit rollover Bild

Hi @ all,

ich versuche nun schon seit über 6 Stunden mit googlen, ausprobieren, lesen, Tutorials usw. eine Navigation zu erstellen. Leider vergebens. Hoffentlich könnt ihr mir helfen.

Ich möchte unter dem Header eine Navigation mit 10 Buttons erstellen. Auf den buttons sollen Hyperlinks sein. Sobald man über einen Button geht soll der untere Teil der Grafik kommen (rollover). Ein Button ist 97px breit und 36px hoch. Die rollover Grafik sieht so aus:
navi.png

Links und rechts neben den äußeren Buttons ist jeweils eine Grafik die das Menü abschließt.
Das ganze soll so aussehen (ich habe mal die Hilfslinien gelassen damit man die Buttons auch genau erkennen kann):
help.png

Ein link zu der aktuelen Seite findet ihr hier: coduostats.c4mp.eu/htmltest/index.html

Bitte helft mir. Ich verzweifle gerade.

MfG
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 27.11.2009, 03:08
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.11.2009
Beiträge: 3
c3ox befindet sich auf einem aufstrebenden Ast
Rotes Gesicht richtig?

So nachdem ich weitere (fast) 4 Stunden gelesen und rumprobiert habe klappt es jetzt. Ich weiss nur nicht ob es auch richtig ist oder ob man was verbessern kann? Bin ein css Neuling
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 27.11.2009, 07:00
Benutzerbild von hubspe
display: klotz;
XHTMLforum-Kenner
 
Registriert seit: 22.06.2007
Ort: Passau und Ösiland
Beiträge: 4.347
hubspe ist einfach richtig netthubspe ist einfach richtig netthubspe ist einfach richtig netthubspe ist einfach richtig netthubspe ist einfach richtig netthubspe ist einfach richtig netthubspe ist einfach richtig netthubspe ist einfach richtig netthubspe ist einfach richtig netthubspe ist einfach richtig netthubspe ist einfach richtig nett
hubspe eine Nachricht über Skype™ schicken
Standard

Moin,

Zitat:
Zitat von c3ox Beitrag anzeigen
Ich weiss nur nicht ob es auch richtig ist oder ob man was verbessern kann?
jep, kannste.

erst mal diese Zeile:
HTML-Code:
<?xml version="1.0" encoding="iso-8859-1"?>
ersatzlos streichen.
Sie schmeißt den IE 6 in den Quirksmodus.

Deine Site ist auch ohne diese Zeile valide.

Deine Site hat die 12px-Seuche.

Ansonsten zu Navis allgemein bietet die CSS-FAQ ne Menge wissenswertes.
__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus


Blog oder watt?!
Mit Zitat antworten
  #4 (permalink)  
Alt 28.11.2009, 00:06
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.11.2009
Beiträge: 3
c3ox befindet sich auf einem aufstrebenden Ast
Standard

Vielen Dank für die Antwort.
Die erste Zeile habe ich rausgenommen. Weiss auch nicht wieso ich die drinn stehen hatte.
Ich glaube ich hatte bei einem Validator eine Warnung mit der Lösung das ich die Zeile reinkoprieren soll. Bin ein Neuling was das mit css und validation usw betrifft. Ich habe sonst immer "unsauber" geschrieben. Das will ich nun ändern.

Die 12px Seuche habe ich auch behoben.

Leider habe ich wegen der Navigation noch keine Zeit zum lesen gehabt. Ich werde am Sonntag / Montag mal lesen und dann hier meine aktuellen Ergebnisse posten.

MfG
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 an


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Horizontale Navigation mit Zeilenumbruch nikiko CSS 0 12.02.2008 08:50
horizontale Navigation mit mehrere Ebenen + mehrzeilig dkl CSS 3 14.08.2007 10:49
horizontale navigation aus meheren grafiken?? celine@23 CSS 16 14.01.2007 15:03
Horizontale CSS Navigation mit Trennstrichen dimension CSS 4 24.04.2005 20:10
Container mit 2 Container darin -> Hintergrund anzeigen bendar CSS 4 05.04.2005 18:18


Alle Zeitangaben in WEZ +2. Es ist jetzt 02:34 Uhr.