zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden horizontale Navigation im iPhone Stil

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 03.02.2010, 07:50
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 19.05.2008
Beiträge: 11
mactie befindet sich auf einem aufstrebenden Ast
Standard horizontale Navigation im iPhone Stil

Einen wundervollen guten Morgen,

ich benötige eine Navigation für eine Website, die in gewisser Art und Weise optisch an das Dock des iPhones angelehnt ist, bedeutet:
  • abgerundes Icon (als Grafik vorhanden)
  • Beschreibungstext darunter (zentriert unter der Grafik)
Das ganze soll am Ende so ähnlich wie in der angehängten Datei aussehen, zusätzlich natürlich noch zentriert. Wie viele einzelne Menüpunkte es geben wird weiss ich jetzt noch nicht.

Es wäre sicherlich noch nett, wenn die Icons im Hover-State ausgetauscht werden würden oder so was in der Richtung.

Ich bin mir eigentlich ziemlich sicher, dass sich das mit CSS relativ leicht realisieren lässt, finde aber gerade nicht den richtigen Einstieg. Denkanstösse jeglicher Art sind daher herzlich willkommen! Danke.
Angehängte Grafiken
Dateityp: png Bildschirmfoto 2010-02-03 um 05.39.44.png (9,7 KB, 10x aufgerufen)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 03.02.2010, 11:29
EvT EvT ist offline
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 11.09.2006
Ort: Bad Wildungen
Beiträge: 2.222
EvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekannt
Standard

Schau in unsere FAQ. Heiko lässt dort kaum eine Frage zu Menüs unbeantwortet: http://xhtmlforum.de/40267-faq-h-ufi...tml#post296439 Zum Beispiel geht es unter Punkt 12 um horizontale Menüs.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 03.02.2010, 11:57
Benutzerbild von Thielo
Web Ninja
XHTMLforum-Kenner
 
Registriert seit: 17.09.2009
Ort: Stuttgart oder so
Beiträge: 3.376
Thielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein Lichtblick
Standard

Zitat:
Zitat von EvT Beitrag anzeigen
Schau in unsere FAQ. Heiko lässt dort kaum eine Frage zu Menüs unbeantwortet: http://xhtmlforum.de/40267-faq-h-ufi...tml#post296439 Zum Beispiel geht es unter Punkt 12 um horizontale Menüs.
ich glaub er meint grad eher so den Logischen Aufbau / die Logik die hinter seiner Idee stecken soll.

meine ideen dazu:

1.) Du hast einen Link der einen Text enthält.
<a href="#whatever" id="titelDesGedoens"><span>Text des Gedoens</span></a>
Das Hintergrundbild könnte durch die jeweilige ID erzeugt werden.
Der Text kann durch die Verwendung des Spans beispielsweise verschoben werden.

2.) Du hast einen Link der ein Bild und einen Text enthält.
<a href="#whatever" id="titelDesGedoens"><img src="ichBinDasBild.ong"><span>Text des Gedoens</span></a>
Siehe oben nur das du diesesmal das bild eigenständig hast als Element.
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato...
All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege

www.richard-thiel.de | Müssen Websiten überall gleich ausschauen?
Mit Zitat antworten
  #4 (permalink)  
Alt 03.02.2010, 12:15
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 19.05.2008
Beiträge: 11
mactie befindet sich auf einem aufstrebenden Ast
Standard

Danke schon mal euch beiden, aber Thielo lag - wie soll ich es diplomatisch ausdrücken? - näher dran.

Es stimmt, es geht mir in diesem speziellen Fall nicht darum wie ich ein Menü generell horizontal hinbekomme, sondern um die Kombination der Grafiken mit dem (Beschreibungs)text und wie man das Ganze sinnvoll ausrichten kann.

Ich werde mich mal in deine beiden Vorschläge hineindenken und dann mal rumprobieren. Vielen Dank schon mal!
Mit Zitat antworten
  #5 (permalink)  
Alt 03.02.2010, 12:19
Benutzerbild von Thielo
Web Ninja
XHTMLforum-Kenner
 
Registriert seit: 17.09.2009
Ort: Stuttgart oder so
Beiträge: 3.376
Thielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein Lichtblick
Standard

Zitat:
Zitat von mactie Beitrag anzeigen
Danke schon mal euch beiden, aber Thielo lag - wie soll ich es diplomatisch ausdrücken? - näher dran.
Besser als wie du EvT :P

na, aber mal wieder on Topic: tests einfach mal aus was du für richtiger / besser hälst. Beide Varianten sind nicht schlecht und ich hät ein Problem mich zu entscheiden ^^
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato...
All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege

www.richard-thiel.de | Müssen Websiten überall gleich ausschauen?
Mit Zitat antworten
Antwort

Stichwörter
horizontal, iphone, navigation

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 Navigation safari CSS 12 20.04.2011 12:11
Float-Problem? mischaef CSS 33 20.10.2010 17:20
Problem mit FlyOut Menu im IE7 quarki69 CSS 5 15.03.2010 16:46
Javascript UL Navigation im IE6 ven CSS 7 29.04.2008 16:29
Container mit 2 Container darin -> Hintergrund anzeigen bendar CSS 4 05.04.2005 19:18


Alle Zeitangaben in WEZ +2. Es ist jetzt 07:21 Uhr.