Homepage linksbündig anstatt zentriert machen

MichiMichi

Hallo,

Ich bin gerade dabei eine neue Homepage mit Wordpress zu erstellen. Nun will ich diese linksbündig machen. Da ich in diesem Bereich noch ein Anfänger bin, bitte ich euch um Tipps wie ich diese Seite linksbündig machen kann.
WARUM LINKSBÜNDIG? Ihr seht ja oben diese Leiste mit "Registrieren/Login" diese ist leider zu weit rechts und ich bekomme es nicht hin diese nach links zu versetzen. Wenn ihr mir helfen könnt das Plugin "WP Sliding Login | Register Panel" [FONT=sans-serif] [/FONT]weiter nach links, und somit auch zentriert zu setzen wäre das natürlich die DEUTLICH BESSERE Lösung:-)
Vielen Dank
Hier die Homepage:
http://www.thegamestreet.de/

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

pixselig

Datei http://www.thegamestreet.de/wp-content/plu…e.css?ver=3.4.1 Zeile 2

Code

.tab ul.login {
    clear: right;
    color: white;
    display: block;
[COLOR="#FF0000"]    float: right;[/COLOR]
    font-size: 80%;
    font-weight: bold;
    height: 42px;
    line-height: 42px;
    margin: 0;
    position: relative;
[COLOR="#FF0000"]    right: 150px;[/COLOR]
    text-align: center;
    width: auto;
}

Alles anzeigen

Mit diesen beiden (den roten) Argumenten kannst du den LogIn-Tab horizontal positionieren.

Grüsse
Pixselig

Kenshex

...im ernst?! floaten, position:rel + right ?!
hm... egal

also ich weiss nicht ob ich dich richtig verstanden habe aber wenn du alles wie folgt machst kriegst du dein "Anmelden" button mittig:

.tab ul.login {
font-size: 80%;
font-weight: bold;
height: 42px;
line-height: 42px;
margin: 0 auto;
position: relative;
width: 210px;
}

pixselig

Zitat von Kenshex

...im ernst?! floaten, position:rel + right ?!

Ja, prinzipiell hast du recht - eine derartige (zweifache) Positionierung wurde bisher kaum gemacht. Allerdings wiedersprechen sich diese zwei Positionierungen nicht wirklich und werden in allen gängigen Browsern "richtig" dargestellt (oder anders gesagt: sie werden gleich dargestellt). Ich habe dieser Art der Positionierung auch schon des öfteren gesehen - vornemlich im responsiven Webdesign, da dann aber meisstens mit % oder em. Auch einige css-"hacks" beschäftigen sich damit. Wäre vielleicht mal einen Blogeintrag wert? Mal sehen...

Grüsse
Pixselig

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Homepage linksbündig anstatt zentriert machen

Jetzt mitmachen!