Navigations-Button einmitten.

03.01.2018 17:56
avatar  Cem ( gelöscht )
#1 Navigations-Button einmitten.
Ce
Cem ( gelöscht )

Gibt es vielleicht schon einen CSS-Code, um die aktiven Buttons Eingemittet, anstelle Linksbündig anzuordnen?



 Antworten

 Beitrag melden
03.01.2018 18:22 (zuletzt bearbeitet: 03.01.2018 18:25)
avatar  .BiL.
#2 RE: Navigations-Button einmitten.
avatar
Mitglied

Unter Vorbehalt ... es gibt vielleicht auf elegantere Lösungen:

1
2
3
4
5
 
.navigation_wrap {
width: 80% !important;
margin-left: 10%;
margin-right: 10%;
}
 


1 der Selektor ist die Navi
2 die Breite wird auf 80% eingeschränkt (100% ist Standard, deshalb das !important zum erzwungenen Überschreiben)
3 der Abstand von links soll 10% betragen
4 der Abstand von rechts soll auch 10% betragen

Die Werte können natürlich nach Bedarf angepasst werden.
Achtung, bei schmalen Bildschirmen wird die Navi dann mehrzeilig und es ist auch nicht wirklich zentriert.
Also wie gesagt - vielleicht hat jemand eine bessere Lösung.

.
Viele Grüße .BiL.
Friends of Xobor

Fragen zu Plugins und Pluginideen bitte nicht per PN, sondern öffentlich oder im FoXum stellen.

 Antworten

 Beitrag melden
03.01.2018 18:58 (zuletzt bearbeitet: 03.01.2018 19:02)
avatar  ( gelöscht )
#3 RE: Navigations-Button einmitten.
Gast
( gelöscht )

... bei unterschiedlichen Bildschirmgrößen/Auflösungen verhält sich diese Variante im Test etwas eleganter:

1
2
3
4
5
6
7
8
9
 

 
ul.navigation {
display: flex;
align-items: center;
justify-content: center;
}
 

 



...einfach mal ausprobieren.

MfG


 Antworten

 Beitrag melden
03.01.2018 21:01
avatar  .BiL.
#4 RE: Navigations-Button einmitten.
avatar
Mitglied

Ja, super. Dacht ich's mir doch, dass es noch einfacher geht.

.
Viele Grüße .BiL.
Friends of Xobor

Fragen zu Plugins und Pluginideen bitte nicht per PN, sondern öffentlich oder im FoXum stellen.

 Antworten

 Beitrag melden
04.01.2018 18:58
avatar  Cem ( gelöscht )
#5 RE: Navigations-Button einmitten.
Ce
Cem ( gelöscht )

Funzt super!


 Antworten

 Beitrag melden
04.01.2018 19:07
avatar  ( gelöscht )
#6 RE: Navigations-Button einmitten.
Gast
( gelöscht )

@Cem ... sonst hätte ich es ja nicht gepostet....


 Antworten

 Beitrag melden
04.01.2018 19:16
#7 RE: Navigations-Button einmitten.
avatar
Mitglied

Sowas hab ich noch gesucht. Jetzt nimmt auch mein Forum langsam Formen an.


 Antworten

 Beitrag melden
04.01.2018 19:25
avatar  ( gelöscht )
#8 RE: Navigations-Button einmitten.
Gast
( gelöscht )

@Katja23101971 was ist denn bei Dir mit dem Hintergrundbild passiert, nach unten hin, wo die Beiträge losgehen ?


 Antworten

 Beitrag melden
04.01.2018 19:33 (zuletzt bearbeitet: 04.01.2018 19:55)
#9 RE: Navigations-Button einmitten.
avatar
Mitglied

Ja da muss noch was geändert werden. Ist in Arbeit. Eventuell lasse ich die Hintergründe weg.


 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!