Probleme ein Script anzupassen !

N

Niklas1812

Mitglied
Hallo,

Ich habe mir eben ein Script für einen Menübalken runtergeladen nur ich kann das ganze nicht ganz Anpassen :(

Es müsste den ganzen Zwischenraum ausfüllen zwischen dem Logo und dem unteren Teil der Webseite 946 px lang und 30 px hoch und ich bekomme das nicht zentriert.

Der Code

Html

Code: 
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">Item one</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
</ul>
</div>

Css

Code: 
#navcontainer ul li
{
list-style-type: none;
padding: 0;
margin: 0;
display: block;
float: left;
background: url("http://biphome.spray.se/karl10/images/navBarBg.gif") repeat-x 20px;
font: 10px/20px "Lucida Grande", verdana, sans-serif;
text-align: center;
}

#navcontainer a
{
color: #000;
text-decoration: none;
display: block;
width: 100px;
border-top: 1px solid #A8B090;
border-bottom: 1px solid #A8B090;
border-left: 1px solid #A8B090;
}

#navcontainer li#active { background: url("http://biphome.spray.se/karl10/images/navBarBgHover.gif") repeat-x 20px; }
#navcontainer a:hover { background: url("http://biphome.spray.se/karl10/images/navBarBgHover.gif") repeat-x 20px; }

Webseite: http://umfrage-welt.de/testprojekt

Könntet ihr mir da ein bisschen Helfen ?

Gruß Niklas
 
HI,
erstmal ist CSS keine Scriptsprache sondern eine Formatierungssprache und HTML ist eine Auszeichnungssprache („Markup Language“). Somit passt dein Titel nicht ganz ;).
Desweiteren solltest du dein HTML/CSS auch mal validieren (http://validator.w3.org/check?verbose=1&uri=http://umfrage-welt.de/testprojekt).
Auch findet der Browser deine CSS Datei nicht. Ich hab zwar mit den relativen Pfadangaben auch so meine Probleme, aber nimm mal die beiden Punkte am Anfang raus.

Viele Grüße
 
Mein Beitrag ist hier der interessierten Nachwelt gewidmet, die dieselbe Frage umtreibt, hier aber keine Lösung vorfindet, da du sie ihr trotz deines Ausrufs "Erledigt!" vorenthalten hast!

Dies widerspricht dem Sinn einer Community, die sich untereinander und gegenseitig hilft! :rolleyes:


Niklas1812 hat gesagt.:
Ich habe mir eben ein Script für einen Menübalken runtergeladen nur ich kann das ganze nicht ganz Anpassen :(

Es müsste den ganzen Zwischenraum ausfüllen zwischen dem Logo und dem unteren Teil der Webseite 946 px lang und 30 px hoch und ich bekomme das nicht zentriert.
Zum Vergrößern anklicken....
Ausfüllen oder horizontal zentrieren?

  • Ausfüllen

    Da die Anzahl der einzelnen Menü-Buttons bekannt ist, heißt die rechnerische Grundrechenaufgabe, die vorgegebene Gesamtbreite durch fünf zu dividieren (946px / 5 = 189.2px), oder anstelle der derzeitigen absoluten Breite für die Links eine relative zu benennen (100% / 5 = 20%).


  • Horizontale Zentrierung

    Hier gilt gleiches bzgl. der bekannten Anzahl und Breite der einzelnen Links: Das Menü wird mittels margin:auto für das <ul>-Element zentriert:
CSS: 
#navcontainer ul {
width:505px;
margin:auto;
}

Für den Fall, dass die Gesamtbreite des Menüs nicht bekannt ist, empfehle ich die zweite Technik "a centered floated left menu (unknown width)" des Beispiels Centering Float Left Menus.


Niklas1812 hat gesagt.:
Erledigt !
Zum Vergrößern anklicken....
Dann kannst du nun deine Frage als erledigt markieren, indem du auf das Icon neben dem Antworten-Button klickst.

Ciao!

P.S. Zwischen letztem Wort und Frage-/Ausrufezeichen folgt kein Leerzeichen!
 
Zuletzt bearbeitet:
Nicht gleich explodieren spicelab ;-)
Schätze mal das" Erledigt" bezog sich lediglich auf die erfolgte Korrektur des Pfades zum CSS File.
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück