Ergebnis 1 bis 3 von 3

Thema: Footer rchtig einstellen

  1. #1
    Youngster
    Registriert seit
    11.04.2014
    Beiträge
    16
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Footer rchtig einstellen

    Hallo,

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

    html.jpg

    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="https://www.facebook.com/gus.dienst.sparta" target="_blank">
                <img src="images/F_icon.jpg" alt="" border="" height="18" width="18"></a>
                <a href="impressum.html">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:

    Code:
        <footer>
    <style type="text/css">
    .grossabstand {word-spacing: 17em;}
    </style>
    		    <p class="grossabstand"><a href="https://www.facebook.com/gus.dienst.sparta" target="_blank">
                <img src="images/F_icon.jpg" alt="" border="" height="18" width="18"></a>
    	        <a href="impressum.html">Impressum</a>
                <a href="links.html">Links</a></p>
        </footer>
      </div>
    
    Dann sieht es aber aus wie oben auf dem Bild. Ich möchte aber, dass das Facebook Zeichen mittig und Impressum sowie Links rechtsbündig dargestellt wird.
    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;
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Großmeister(in)
    Registriert seit
    04.08.2009
    Beiträge
    569
    Danke
    0
    Bekam 66 mal "Danke" in 64 Postings

    Standard AW: Footer rchtig einstellen

    Hallo,

    solche Probleme löst man heutzutage mit Flexbox:

    http://foreninfo.bplaced.net/seiten_...anordnung.html

    Insgesamt sollte die Seite aber komplett neu erstellt werden. Mit aktuellem HTML und CSS hat sie nur am Rande zu tun. Zudem enthält sie jede Menge Fehler.

    Gruss

    MrMurphy
    Geändert von MrMurphy (20.07.2014 um 09:33 Uhr)

  3. #3
    Youngster
    Themenstarter

    Registriert seit
    11.04.2014
    Beiträge
    16
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Footer rchtig einstellen

    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.
    Geändert von Helado (20.07.2014 um 15:12 Uhr)

Ähnliche Themen

  1. Problem mit sticky footer (footer wandert nach oben)
    Von NinaH im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 10.09.2013, 13:22
  2. zeitzone einstellen
    Von driver im Forum Zope & Plone - das deutsche Hilfeforum
    Antworten: 4
    Letzter Beitrag: 31.10.2007, 19:04
  3. Schriftfarme einstellen?
    Von Max F. im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 10.08.2007, 13:19
  4. Hompage einstellen
    Von ulrich im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 25.05.2007, 14:53
  5. Bps einstellen
    Von Kumity im Forum Flash Forum
    Antworten: 1
    Letzter Beitrag: 17.02.2006, 00:50

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •