zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Navigation mit Textlinks und Bildlink

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 25.03.2014, 14:54
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.02.2014
Beiträge: 5
muff_rockt befindet sich auf einem aufstrebenden Ast
Standard Navigation mit Textlinks und Bildlink

Hallo,

könnt ihr mir vllt. weiter helfen!

Ich möchte eine horizontale Navigation machen mit 3 Textlinks, diese sollen sich links befinden und rechts ein Facbook Button. Aber alles soll innerhalb einer Navigation sein. Ich hatte das schon mit Float probiert, allerdings verruscht das Bild beim Verkleinern des Browserfensters unter die Hauptnavigation.

HTML-Code:
<div id="navigation">
  
    <ul id="navi_main">
      <li><a href="#">Portfolio</a></li>
      <li><a href="#">Info</a></li>
      <li><a href="#">Kontakt</a></li>
      <li><div id="FB"><a href="#">FB</a></div></li> <-- Hier anstatt FB, der Facbookbutton als Bild (Bildlink)
    </ul>
  </div>

</div>


Könnt ihr mir weiter helfen? oder gibt es eine einfachere Variante?
Ich möchte die Navigation später mit Jquery mitlaufen lassen, und demnach muss alles in einem container sein.
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 27.03.2014, 13:06
Benutzer
neuer user
 
Registriert seit: 24.12.2013
Beiträge: 57
leex279 befindet sich auf einem aufstrebenden Ast
Standard

So?
Edit fiddle - JSFiddle

Ansonsten hättest du noch die Möglichkeit eine IconFont zu benutzen, falls dir die Icons da ausreichen.
Font Awesome Icons
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 27.03.2014, 15:50
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.02.2014
Beiträge: 5
muff_rockt befindet sich auf einem aufstrebenden Ast
Standard

super, ich dank dir! das klappt schon mal soweit das alles in einer zeile ist und mittig, klasse - danke!

nur hab ich noch ein Problem:

Logo ____ Portfolio __ Info ___ Kontakt___________________________FB

Der FB Button soll vom rechten (navi width 100%) Rand immer 45 Px Abstand haben, und wenn man das Fenster verkleinert soll natürlich auch der FB-Button weiter nach links rutschen! Geht das so ohne weiteres?
Mit Zitat antworten
  #4 (permalink)  
Alt 27.03.2014, 16:17
?!?
XHTMLforum-Kenner
 
Registriert seit: 20.03.2013
Beiträge: 1.638
explanator sorgt für eine eindrucksvolle Atmosphäreexplanator sorgt für eine eindrucksvolle Atmosphäre
Standard

Zitat:
Zitat von muff_rockt Beitrag anzeigen
Geht das so ohne weiteres?
ja.

Schaue dir text-align an und float und clear und margin und padding.
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..."
Aus einem Forum.
Mit Zitat antworten
  #5 (permalink)  
Alt 27.03.2014, 18:13
Benutzer
neuer user
 
Registriert seit: 24.12.2013
Beiträge: 57
leex279 befindet sich auf einem aufstrebenden Ast
Standard

Du musst eigentlich nur "float: right" bei dem nth-child noch angeben.
So:
Edit fiddle - JSFiddle

Dann sollte es wie gewünscht funktionieren.
Mit Zitat antworten
  #6 (permalink)  
Alt 28.03.2014, 14:09
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.02.2014
Beiträge: 5
muff_rockt befindet sich auf einem aufstrebenden Ast
Lächeln

funktioniert einwandfrei =)
ich danke euch für eure Unterstützung!
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
Ausrichtung Kalender greece4u CSS 20 14.05.2012 13:32
Navigation ist nicht mittig Schokokrapfen CSS 29 19.09.2011 23:19
Problem mit Navigation safari CSS 12 20.04.2011 11:11
Float-Problem? mischaef CSS 33 20.10.2010 16:20
Javascript UL Navigation im IE6 ven CSS 7 29.04.2008 15:29


Alle Zeitangaben in WEZ +2. Es ist jetzt 06:05 Uhr.