Hallo,
bei einer fertig gestaltete Website soll eine Änderung vorgenommen werden, von mir....
es soll neben "Impressum" noch "links" hinzugefügt werden. 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.
Ich habe es mal so versucht aber bekomme ja einen 17EM Abstand zwischen den Wörter. Wenn ich das wegmache, also auf "normal" setze, wird es aber auch unten angesetzt.
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;