Footer rchtig einstellen

  • Hallo,

    bei einer fertig gestaltete Website soll eine Änderung vorgenommen werden, von mir....

    Das soll neben "Impressum" noch "links" hinzugefügt werden (siehe Bild). Die meisten Formatierungen sind per CSS definiert.

    Code
    </div>
        <footer>
    <style type="text/css">
    .grossabstand {word-spacing: 37em;}
    </style>
                <p class="grossabstand"><a href="[URL='http://www.forum-hilfe.de/view-source:https://www.facebook.com/gus.dienst.sparta']https://www.facebook.com/gus.dienst.sparta[/URL]" target="_blank">
                <img src="[URL='http://www.forum-hilfe.de/view-source:http://gus-sparta.de/images/F_icon.jpg']images/F_icon.jpg[/URL]" alt="" border="" height="18" width="18"></a>
                <a href="[URL='http://www.forum-hilfe.de/view-source:http://gus-sparta.de/impressum.html']impressum.html[/URL]">Impressum</a></p>
        </footer>
      </div>


    Wenn ich neben Impressum einfach nochmal ein a href einfüge mit "Links" wird dies unter der angezeigten Linie angezeigt. Habe es mal so versucht:

    Was mach ich falsch?

    CSS Code für den #footer:

    Code
    footer {
      width: 1100px;
      font: 100% 'Book Antiqua', arial, sans-serif;
      height: 10px;
      padding: 100px 0 14px 0;
      text-align: right;
      border-bottom: 2px solid #662908;
      position:fixed;
      bottom: 10px;
  • Hallo MrMurphy,

    danke für die Antwort. Ich weiß, dass es Fehler im Skript gibt. Diese habe ich auch per HTML Validator gesehen.

    Ich habe es jetzt mal so gelöst, dass ich ne Tabelle eingefügt habe und mit | getrennt habe. Muss ehrlich sagen, dass ich nicht viel Lust habe, die Seite komplett neu zu gestalten.

    Einmal editiert, zuletzt von Helado (20. Juli 2014 um 14:12)