Menü bug

[sNEG0R]

Hey,
ich muss gerade für die schule ne hp erstellen und bin ziemlich ein noob was html angeht :c hab jetzt so halb nen menü erstellt jedoch ist die nicht mittig irgendwie.. und ich bin echt schon am verrückt werden weil ich nicht rausfinde was ich falsch gemacht habe

hier mal wie es derzeitig aussieht

 Spoiler

und hier der code vom Menü

 Spoiler

PHP Code:

<style>

         <!-- Menueinstellungen & programmierung-->
        nav 
            {
                min-width: 1000px;
                width: auto !important;
                width: 500px;
            }
            
        nav ul 
            {
                    text-align: center;
                    width: 100%;
                    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 25%, rgba(255, 255, 255, 0.2) 75%, rgba(255, 255, 255, 0) 100%);
            }
    

        nav ul li 
            {
                    display: inline-block;
            }

        nav ul li a 
            {
                     padding: 20px;
                     font-family: "Roboto";
                     color: rgba(0, 0, 0, 0.5);
                     text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.4);
                     font-size: 25px;
                     text-decoration: none;
                     display: block;
            }



                
    </style>


    <style type="text/css">
        
            body
            {
                       width: 1381px;
                       height: 760px;
                      margin: 0;
                       padding: 0;
            }
    </style> 


ich bedanke mich jetzt schon :c

[Der-Eddy]

Gibts nen Grund warum du deinem body tag eine feste Breite und Höhe gibst?

            body
            {
                       width: 1381px;
                       height: 760px;
                      margin: 0;
                       padding: 0;
            }

Da wird dann die "Mitte" von 1381 Pixeln genommen und nicht von deinem Computer Monitor

ich bin mir auch nicht ganz sicher was du hier erreichen wolltest:

            nav 
            {
                min-width: 1000px;
                width: auto !important;
                width: 500px;
            }

[KingDingD0ng]

Die Frage ist auch, wieso du zwei verschiedene Styletags benutzt :P

Kurz und knapp, ich kann dir helfen und das schnell fixen und/oder dir sogar sagen was du verbessern kannst und was total "kacke" ist.

Meld dich einfach via Skype

[sNEG0R]

Originally Posted by Der-Eddy

Gibts nen Grund warum du deinem body tag eine feste Breite und Höhe gibst?

            body
            {
                       width: 1381px;
                       height: 760px;
                      margin: 0;
                       padding: 0;
            }

Da wird dann die "Mitte" von 1381 Pixeln genommen und nicht von deinem Computer Monitor

ich bin mir auch nicht ganz sicher was du hier erreichen wolltest:

            nav 
            {
                min-width: 1000px;
                width: auto !important;
                width: 500px;
            }

weil das sonst irgendwie nicht mittig war :c
beim zweiten wollte ich eigentlich ne automatische anpassen für browser einbauen. Also das wenn jemand nen kleineren Bildschirm hat die web sich automatisch anpasst.

Originally Posted by KingDingD0ng

Die Frage ist auch, wieso du zwei verschiedene Styletags benutzt :P

Kurz und knapp, ich kann dir helfen und das schnell fixen und/oder dir sogar sagen was du verbessern kannst und was total "kacke" ist.

Meld dich einfach via Skype

ok danke

[Der-Eddy]

Originally Posted by sNEG0R

weil das sonst irgendwie nicht mittig war :c
beim zweiten wollte ich eigentlich ne automatische anpassen für browser einbauen. Also das wenn jemand nen kleineren Bildschirm hat die web sich automatisch anpasst.

Vergiss den Schwachsinn
siehe hier:

Durch

width: auto;

zentrierst du dein Element relativ zum Eltern-Element, dieses (In deinem Fall body) begrenzt du jedoch auf eine fixe Breite

Das hast du übrigens hier:

nav 
            {
                min-width: 1000px;
                width: auto !important;
                width: 500px;
            }

versucht die Breite zu überschreiben weswegen es ohne ein !important nicht klaptt wie gewollt

[sNEG0R]

Originally Posted by Der-Eddy

Vergiss den Schwachsinn
siehe hier:

Durch

width: auto;

zentrierst du dein Element relativ zum Eltern-Element, dieses (In deinem Fall body) begrenzt du jedoch auf eine fixe Breite

Das hast du übrigens hier:

nav 
            {
                min-width: 1000px;
                width: auto !important;
                width: 500px;
            }

versucht die Breite zu überschreiben weswegen es ohne ein !important nicht klaptt wie gewollt

danke danke danke du hast mir gerade echt viele kopfschmerzen genommen :>