Wie passe ich die Länge meiner Navigationsleiste an?

schmaul

Hallo ihr Lieben,

ich habe mal wieder eine Frage :D

Und zwar benutze ich das Theme Papercut (http://wp-themes.com/papercuts/?TB_…1473&height=634), welches ich auch ziemlich gut finde, aber ich würde gerne wissen ob es eine Möglichkeit gibt die Länge meiner Navigationsleiste zu verändern? Ich möchte nämlich nicht, dass die über die ganze Bildschirmbreite geht. ^^
Zusätzlich würde ich gerne die weissen Abstände zwischen Headerbild und Navigationsleiste und Headerbild und oberem Seitenrand weg haben. :) Das Headerbild sollte auch nur so lang sein wie die Navigationsleiste und dort wo sie dann abgeschnitten sind sollte man den Hintergrund sehen. Hier noch ein Link zu meiner werdenden Website: http://www.omnivire.de/ (keine Angst das Headerbild ist nur ein Platzhalter xD)

Hehe, ich hoffe das ist nicht zu viel erwartet und, dass es überhaupt für einen Anfänger wie mich zu machen ist :D

Vielen Dank schonmal im Voraus! :)

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

bgeissler

setze mal den Code ans Ende der style.css

Zitat

#top-navigation-wrapper, #wrapper-header, #wrapper-footer, #container
{
background:transparent;
}

schmaul

Jetzt ist zwar leider auch die Navigationsleiste durchsichtig geworden, aber es sieht nach einem Anfang aus :D Viele Dank! :)
Edit: Das Problem bleibt bestehen, selbst wenn nur der wrapper-header auf transparent gestellt ist...

schmaul

Okey, die Navigationsleiste habe ich wieder weiss bekommen. jetzt muss ich nur noch ihre länge verändern, ohne dass sie immer nach links rutscht. sie soll in der mitte bleiben ^^

Edit: Vielleicht kann ich ja NUR die Seitlichen Stücke, die länger sind als das Headerbild transparent machen? Hier nochmal ein Link zur Website: http://www.omnivire.de/

bgeissler

Der DIV der Navi ist, ich nehme an, in der header.php unter dem DIV des Header angeordnet.
Verschiebe den Code in den DIV des Header.

schmaul

Hi bgeissler,
ich habe zwar in der Schule mal ein bisschen HTML und CSS gemacht, doch sagt mir das was du mir da mitteilst so gut wie garnichts xD Wenn ich wüsste was ein DIV genau ist (Internet hilft mir auch nur geringfügig) vielleicht könnte ich dir dann folgen :D Tschuldige für meine Unwissenheit :)

pixselig

Füge folgendes in deine style.css ein:

Code

#wrapper {
    margin: 0 auto;
    max-width: 1000px;




}

LG, pixselig

schmaul

Sau cool! Vielen Dank!!!
Ein kleines Manko ist nun aber aufgetaucht, wenn man nun auf meiner Website schaut (http://www.omnivire.de/) dann sieht man, dass dort um den Header, rechts und links, 2 schmale Linien aufgetaucht sind. Wie werde ich die los? Wahrscheinlich die Border kürzer machen oder? Aber wie? :P

pixselig

style.css Zeile 258

Code

#wrapper-header, #wrapper-footer {
    background: none repeat scroll 0 0 #FFFFFF;
[COLOR=#ff0000]    box-shadow: 0 0 2px #DDDDDD;[/COLOR]






}

hier die von mir rot markierte Zeile entfernen.

schmaul

Hey pixselig,
die Codezeile gibt es bei mir nicht, hab alles manuell gesucht und auch mit der suchfunktion....

pixselig

Code

#wrapper-header,
#wrapper-footer {
  background: white;
[COLOR=#ff0000]  -webkit-box-shadow: 0 0 2px #dddddd;
  -moz-box-shadow:    0 0 2px #dddddd;
  box-shadow:         0 0 2px #dddddd;   [/COLOR]              
}

schmaul

Hammer! Vielen Dank nochmal! Bist echt ein Held :D

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Wie passe ich die Länge meiner Navigationsleiste an?

Jetzt mitmachen!