zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Navigation links zentrieren

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 19.05.2016, 16:03
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 19.05.2016
Beiträge: 2
6ixgod befindet sich auf einem aufstrebenden Ast
Standard Navigation links zentrieren

Hallo Community,

Undzwar habe ich folgendes Problem.
Meine "haupt" seite ist zentriert,
aber wenn ich links eine navigation einfügen will, erscheint diese nur über dem "hauptteil" oder unten drunter, aber nie auf der selben ebene.
Hab mit allen padding,margin werten rumgespielt, jedoch erfolgslos. edit: bin anfänger was css angeht
Hoffe jemand hier kann mir helfen. Bedanke mich schonmal im vorraus.

Code:

Code:
<body>

 <nav>
   <ul>
      <li> <a href="linka"> navi1 								  </a> </li>
      <li> <a href="linkb"> navi2								  </a> </li>
      <li> <a href="linkc"> navi3 								  </a> </li>
      <li> <a href="linkd"> navi4 </a> </li>
	  <li> <a href="linke"> navi5				  </a> </li>
  </ul>
</nav>

 <div id="inhalt">
    
	
    <div id="überschrift">   
     <p align="center"> text	        <br>
					 	 </p>
	</div>

    <div id="navigation">
	  <a href="link1"> &nbsp;&nbsp;&nbsp;&nbsp;text1&nbsp;&nbsp;&nbsp;&nbsp; </a>
      <a href="link2"> &nbsp;&nbsp;&nbsp;&nbsp;text2&nbsp;&nbsp;&nbsp;&nbsp;	  </a>
      <a href="link3"> &nbsp;&nbsp;&nbsp;&nbsp;text3&nbsp;&nbsp;&nbsp;&nbsp;	  </a>
      <a href="link4"> &nbsp;&nbsp;&nbsp;&nbsp;text4&nbsp;&nbsp;&nbsp;&nbsp;	  </a>
	</div>
	
    <div id="banner">
	 <img src="banner.jpg" align="center">
    </div>
	
    <div id="text">
     <p align="center"> text </p>                 
    </div>
    
	
 </div>

 
 
</body>
CSS:

Code:
nav li {
	  
	  letter-spacing:1px;
	  font-family:"Arial";
      list-style: none; 
      margin: 10px; 
      padding: 1px;
      border: 1px;
    }
nav ul {
	  position: static;
      width: 175px;
      padding: 1px;
      border: 1px black;
      background-color: #4b4b4b;
    }
nav li {
      margin: 2px; 
      padding: 5px;
      border: 2px white;
      background-color: silver;
    }

a:link { text-decoration:none;color:#000000; }
a:visited { text-decoration:none;color:#000000; }
a:hover { text-decoration:none;background-color:#ffffff; }
a:active { text-decoration:none; background-color:#ffffff; }

p {color:#4b4b4b}

#inhalt {width:900px; margin-left:auto; margin-right:auto; font-family:"Arial"; letter-spacing:4px}

#überschrift {text-align:center; font-size:125%; color:#4b4b4b; padding-top:10px; padding-bottom:25px;}

#navigation {text-align:center; font-size:60%; padding-bottom:25px;}

#text {font-size:80%; margin:20px; letter-spacing:1px}

Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 19.05.2016, 16:09
Benutzerbild von Thielo
Web Ninja
XHTMLforum-Kenner
 
Registriert seit: 17.09.2009
Ort: Stuttgart oder so
Beiträge: 3.372
Thielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein Lichtblick
Standard

Was du suchst sind Floats.

Little Boxes online lesen - Little Boxes - Webseiten gestalten mit HTML und CSS (Peter Müller) - lesen, lernen, verstehen
__________________
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
Sponsored Links
  #3 (permalink)  
Alt 19.05.2016, 16:13
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 19.05.2016
Beiträge: 2
6ixgod befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von Thielo Beitrag anzeigen

ok, ich lese mich dann mal durch.
Danke für die schnelle antwort
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
FAQ -- Häufig gestellte Fragen und häufig gegebene Antworten mazzo CSS 10 05.04.2012 17:32
Problem mit Navigation safari CSS 12 20.04.2011 11:11
Javascript UL Navigation im IE6 ven CSS 7 29.04.2008 15:29
Navigation links und oben soll aktive Seite anzeigen Zischel CSS 2 16.02.2007 22:30
navigation will sich nicht horizontal zentrieren lassen mrParker CSS 24 30.05.2006 20:03


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