Einzelnen Beitrag anzeigen
  #1 (permalink)  
Alt 28.02.2015, 16:41
mofi mofi ist offline
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 28.02.2015
Beiträge: 42
mofi befindet sich auf einem aufstrebenden Ast
Cool CSS - Navigation mit Icon kombinieren

Hallo zusammen,
ich sitze jetzt schon seit einer ganzen Weile und probiere alles mögliche durch. (margin, padding, float....)Doch leider bekomm ich es nicht hin.

Ich habe 2 divs:

Code:
<div id="navi"> 
   <ul>
	<li><a href="main.html">Startseite|</a></li>
	<li><a href="ToDoProjekte.html">Projekte</a></li>
	<li><a href="kontakt.html">Kontakt</a></li>
						
   </ul>
</div>
				
<div id="SocialMedia">					
   <ul>
      <li><a href="http://www.facebook.com"><img alt="FB" src="http://xhtmlforum.de/images/facebook.jpg" /></a></li>
    </ul>
</div>
und diese div's wollte ich nun anhand von css passend machen.

Es sollte eine Navigationsleiste entstehen, welche sich links ausrichtet. Und das Facebookicon sollte ganz rechts stehen aber in der Navileiste integriert sein.

Startseite | Projekte | Kontakt______________________________ FB-Icon

Wie bekomme ich das hin? Die Navileiste bekomm ich mit display:inline hin. Aber sobald ich das Icon auf in die selbe Höhe bringen (width:90% und width:10%) will gehts nicht. Es bleibt immer ein Abstand. Bekomms einfach nicht hin.

Über baldige Hilfe wäre ich sehr dankbar!

Gruss
mofi

Geändert von mofi (28.02.2015 um 16:43 Uhr)
Mit Zitat antworten
Sponsored Links