zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden horizontales menü aus bildern

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 20.10.2008, 16:09
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 20.10.2008
Beiträge: 10
RuthG befindet sich auf einem aufstrebenden Ast
Standard horizontales menü aus bildern

Hallo,

ich kämpfe jetzt seit einiger Zeit mit folgenden Problem. Das Menü meiner Seite sollte so aussehen:
Ruth Giefing

Da ich gerne eine andere als die Standardschrift verwenden möchte, möchte ich gerne das Menü aus lauter aneinander gereihten Bildern machen.

Habe es nun schon als Liste als auch als Tabelle probiert und ständig Schwierigkeiten gehabt. Einerseits bleibt zwischen den Bildern ein kleiner Abstand, andererseits weiß ich nicht so recht wie ich dann den hover und acitve effekt einbaue (der erste button "infos" ist so wie er aktiv aussehen soll).

Hat jemand vielleicht Tipps was ich beachten muss bzw. wie ich das anpacke?

Danke, LG
Ruth
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 20.10.2008, 16:21
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

Eine ausführliche Beschreibung habe ich in den FAQ verfasst (horizontale Darstellung ab Punkt 12, grafische Menüs ab Punkt 15).
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 21.10.2008, 09:40
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 20.10.2008
Beiträge: 10
RuthG befindet sich auf einem aufstrebenden Ast
Standard

Danke für den Tipp hat mir jetzt auch schon weiter geholfen. Ich hänge jetzt nur bei folgenden code:

<ul id="navi">
<li id="home"><strong>Home<span></span></strong></li>
<li id="team"><a href="#">Team<span></span></a></li>
<li id="kontakt"><a href="#">Kontakt<span></span></a></li>
</ul>

Wieso ist bei home "strong", aber kein "a href'" und bei den weiteren Links umgekehrt? Müssten die Links nicht im Endeffekt alle gleich aussehen? Oder muss ich das aus der "home"-Zeile auf alle anwenden, aber dann fehlt ja die Verlinkung?

Danke
Mit Zitat antworten
  #4 (permalink)  
Alt 21.10.2008, 10:15
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

Was es mit dem strong auf sich hat, ist unter Punkt 11 erklärt (zweite Hälfte)
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)
Mit Zitat antworten
  #5 (permalink)  
Alt 21.10.2008, 10:31
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 20.10.2008
Beiträge: 10
RuthG befindet sich auf einem aufstrebenden Ast
Standard

ja schon aber wieso ist das nur bei der ersten Zeile?
Mit Zitat antworten
  #6 (permalink)  
Alt 21.10.2008, 10:35
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

Weil z.B. gerade die "Home"-Seite aufgerufen wurde. Auf der "Kontakt"-Seite wäre dann bei "Home" ein Link und bei "Kontakt" das strong.
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)
Mit Zitat antworten
  #7 (permalink)  
Alt 21.10.2008, 10:42
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 20.10.2008
Beiträge: 10
RuthG befindet sich auf einem aufstrebenden Ast
Standard

danke jetzt ist es mir klar ... sollte genauer lesen ...
Mit Zitat antworten
  #8 (permalink)  
Alt 21.10.2008, 12:45
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 20.10.2008
Beiträge: 10
RuthG befindet sich auf einem aufstrebenden Ast
Standard

irgendwie schein ich da etwas falsch gemacht zu haben:
Ruth Giefing

der IE ignoriert mir die Bilder komplett und der Firefox schreibt mir die "schriftlichen"-Links über die Bilder anstatt sie zu verstecken.

Geschweige denn das ich es immer noch nicht geschafft habe den Hintergrund des Inhalts rechts auslaufen zu lassen ohne das es scrollbalken entsteht.
Mit Zitat antworten
  #9 (permalink)  
Alt 21.10.2008, 13:12
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

Behebe am besten erstmal die CSS-Syntaxfehler: Ergebnisse des CSS-Validators http://www.rundesache.cc/infos.html (CSS level 2.1)
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 21.10.2008, 13:39
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 20.10.2008
Beiträge: 10
RuthG befindet sich auf einem aufstrebenden Ast
Standard

sehr praktisch und auch schon erledigt, leider ohne weiteren Erfolg ...
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
Fliesendes horizontales Menü 100% Breite Overtone CSS 0 01.05.2010 16:19
Horizontales Menü mit display inline und block DiHo CSS 3 01.01.2010 18:47
Darstellungsproblem flohpapa CSS 3 16.12.2009 08:55
horizontales Menü sarahg CSS 9 10.02.2009 14:25
Horizontales Menü mit "Bildhover" ghoum CSS 2 08.09.2007 23:17


Alle Zeitangaben in WEZ +2. Es ist jetzt 23:27 Uhr.