Link und Google+1 im Footer

    Hallo,

    ich möchte in meinem Footer einen Link zum Impressum zentral oder auch links und den social media Button rechts im Footer platzieren. Ich schaffe es nicht die beiden zu trennen. Das ggolge image wird immer entweder direkt rechts neben dem Link oder dadrunter angezeigt, jedoch nie am rechten Rand.

    Hier mal mein zu letzt getester Code im Footer:

    Code
    <div style="text-align:center;"<a href='/impressum/'>Impressum / Disclaimer</a> <div 
style="text-align:right;" class="g-plusone" data-annotation="none">
</div>

    Ich kann gar nicht aufzählen was ich jetzt schon alles getestet habe. Sitze da schon bestimmt 2h dran. ;-( Beide Elemente an sich funktionieren. Kann mir wer Auskunft geben. Danke im Voraus.

    • Gerade eben
    • Anzeige

    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

    hast du es denn mal mit einem float left / right versucht?

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

    Ja hatte ich. Ich habe jetzt nicht alle Versuche abgespeichert. Sofern du einen direkten Vorschlag hast, gerne hier posten. Eine Variante wird vermutlich so ausgesehen haben:

    Code
    <div style="text-align:center; float:left;"<a href='/impressum/'>Impressum / Disclaimer</a> <div  style="text-align:right;" class="g-plusone" data-annotation="none">
</div>

    dann gib mal einen Link zum geschehen.

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

    Ein Link via PN nützt in einem öffentlichen Hilfeforum nix. Nutze einen URL Shortener und poste den Link hier.

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

    Es sieht nicht wie Werbung aus, ist ja sogar in unseren Forenregeln ausdrücklich gewünscht.

    Versuch es einfach mal nur nach Standard, also mit einem alignleft und einem alignright:

    HTML
    <div class="footer-content footer-insert">
  <div class="alignleft"><a href="/impressum/">Impressum / Disclaimer</a></div>
  <div class="g-plusone alignright" data-annotation="none">gplus</div>
</div>

    Inline CSS, so wie du es mit den style Angaben machst, ist nicht mehr zeitgemäß. Man will ja über die CSS an einer zentralen Stelle die Schrauben drehen können und nicht in jedem Template einzeln sämtliche inline styles anpassen müssen.

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

    Zitat von Maciffi

    Ja hatte ich. Ich habe jetzt nicht alle Versuche abgespeichert. Sofern du einen direkten Vorschlag hast, gerne hier posten. Eine Variante wird vermutlich so ausgesehen haben:

    Code
    <div style="text-align:center; float:left;"<a href='/impressum/'>Impressum / Disclaimer</a> <div  style="text-align:right;" class="g-plusone" data-annotation="none">
</div>

    du hast das erste div nicht abgeschlossen

    da fehlt ein > vor dem <a href

    Ja Monika das kam durch das ewige hin und her. Hatte ich dann aber auch schon festgestellt. Hat aber nichts geändert.

    Maxe das geht schon mal in die richtige Richtung, obwohl der google Button am rechten Anschlag sein sollte. Wenn ich beim Impressum aus alignleft ein aligncenter mache ist der Link wieder zentral jedoch beide wieder übereniander.
    [COLOR=#000080][COLOR=#0000FF][COLOR=#000080][COLOR=#0000FF]
    [/COLOR][/COLOR][/COLOR][/COLOR]

    G+ sitzt doch jetzt ganz rechts :confused:

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

    im jetzigen Code steht ja auch wieder ein float:none drin, anstelle von einem float:right :lol:

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

    Ich habe nirgends ein float: geändert oder gesetzt. Ich habe nur deinen Code direkt in das Plugin "Omega Custom Footer" kopiert. Ansonsten nichts weiter angefasst. Soll ich in deinen Code noch ein float einfügen?

    Zitat von Maciffi

    Ich habe nur deinen Code

    das stimmt doch so gar nicht. Du hast doch den G+ Code auch eingesetzt, der kommt doch nicht von mir. Und in diesem G+ Div steht ein float:none. Schau dir den Seitenquelltext doch selber mal an.

    Also, falls du den G+ Div (dort steht das float:none)nicht ändern kannst, dann setzte um den G+ Code den Div drum rum, den ich weiter oben mit der class alignright gepostet hatte.

    Ich hab dir doch schon sämtlichen Code vorgekaut, runterschlucken musst du schon selber.

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

    Danke Maxe!
    Mit

    Code
    <div style="float: left">
<a href='/impressum/' >Impressum / Disclaimer</a></p></div>
<div style="float: right">
  <g:plusone align="right" annotation="none" href="http://pension-luise.de/"></g:plusone>
</div>


    bekomme ich es hin, dass der Impressum-Link links und der google-Button rechts im Footer steht. Der G-Code kommt vom

    Code
    <script src="https://apis.google.com/js/platform.js" async defer>
  {lang: 'de'}
</script>

    im Header. Da komme ich so dann nicht ran.
    Wenn ich nun über align oder float versuche das Impressum in die Mitte zusetzen, klappt das, jedoch ist dann der google Button um eine Zeile nach unten verschoben. ;-(

    Ich bin auch nicht sonderlich fit in der Materie. Die Seite ist das erste was ich mit WP gemacht habe. Also sorry für das "noobige".

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden