Problem mit Navigation

[sindyho0374]

Hallo Freunde,
ich hoffe es kann mir jemand helfen.
Ich möchte gerne wieder etwas weiterkommen und lernen.
Auf dieser Seite

Bitte kostenlos registrieren, damit du die Links siehst.

habe ich mir einmal diese Navigation angesehn.
Kann mir bitte jemand erklären wie ich die Navigation auf Desktopansichten horizontal zentriere.
Habe schon alles probiert nur ich komme einfach nicht drauf.

LG

 

[Easy1985tm]

Hallo,

aus:
.topnav a {
float: left;
display: block;
color: #f2f2f2;
text-align: center;
padding: 14px 16px;
text-decoration: none;
font-size: 17px;
}

wird:
.topnav a {
float: none;
display: inline-block;
color: #f2f2f2;
text-align: center;
padding: 14px 16px;
text-decoration: none;
font-size: 17px;
}

Sollte so laufen.

LG Easy

 

[Gelöschtes Mitglied 633957]

Sollte so laufen.

Dazu müsste dann allerdings noch ein text-align: center; in die topnav-Klasse. Browser sollten es ansonsten standardmäßig linksbündig darstellen.

.topnav {
  text-align: center;
  overflow: hidden;
  background-color: #333;
}

 

[Easy1985tm]

Dazu müsste dann allerdings noch ein text-align: center; in die topnav-Klasse. Browser sollten es ansonsten standardmäßig linksbündig darstellen.

Richtig!
Hatte herum probiert und ganz vergessen es zu erwähnen

Damit läuft es dann wunderbar

 

[sindyho0374]

Ich danke euch. Hat super geklappt