✔ Footer Problem

Status
Nicht offen für weitere Antworten.
C

crix

Mitglied
Hallo liebe tutorials-Community,

ich habe ein kleines Problem mit einem HTML-Code..
Ich habe mit DIV unten ein (sozusagen) Footer.
So ist alles perfekt wie ich es haben möchte, also mit der Schrift & Co.

Leider bekomme ich es nicht hin dass die Schrift im Footer (also LINK) mittig ist, ohne dass das Bild.jpg auch mittig ist.
Wenn ich ein neues DIV-Table mache das Center ist verschiebt sich die Schrift irgendwie nach oben.. sie soll aber genau so weit unten wie jetzt sein..
Ich hoffe das war verständlich ausgedrückt :)

Freue mich wenn mit jemand helfen könnte.. :)

gruß
crix

HTML: 
<html>
<head>
<title>Titel</title>
<style type="text/css">
<!--
body {
background:#000 url(bg.png) no-repeat center top;
}
div#flash {
width:500px;
height:500px;
position:absolute;
left:50%;
top:50%;
margin-left:-250px;
margin-top:-250px;
}
div#image {
width:100%;
height:30px;
position:absolute;
left:0px;
bottom:0px;
}
.Stil1 {color: #FFFFFF}
.Stil3 {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}

a:link { color: #ffffff; text-decoration:none; }
a:active { color: #ffffff; text-decoration:none; }
a:visited { color: #ffffff; text-decoration:none; }
a:hover { color: #ffffff; text-decoration:underline; }

-->
</style>

</head>
<body>

<div id="flash">
<img src="cover.png" alt="Cover" width="500" height="500" border="0" usemap="#Map">
</div>
<div id="image">
<div align="right" class="Stil1">
  <div align="right"><span class="Stil3"><a href="http://www.google.de">LINK</a></span><strong><img src="blank.gif" width="20" height="20" border="0" alt=""></strong><a href="http://myspace.com/" target="_blank"><img src="bild.jpg" width="95" height="20" border="0" alt=""></a><img src="blank.gif" width="5" height="20" border="0" alt=""></div>
</div>
</div>

</body>
</html>
 
Hi,
crix hat gesagt.:
Leider bekomme ich es nicht hin dass die Schrift im Footer (also LINK) mittig ist, ohne dass das Bild.jpg auch mittig ist.
Zum Vergrößern anklicken....

dann wirst du diese Grafik bzw. diesen Grafik-Link im Footer mit einer absoluten Positionierung aus dem normalen Textfluß nehmen müssen, damit er durch text-align:center nicht horizontal zentriert wird:

Code: 
<div id="image">
<div align="right" class="Stil1">
  <div style="text-align:center;"><span class="Stil3"><a href="http://www.google.de">LINK</a></span><strong><img src="blank.gif" width="20" height="20" border="0" alt=""></strong><a href="http://myspace.com/" target="_blank" style="position:absolute;right:0;"><img src="bild.jpg" width="95" height="20" border="0" alt=""></a><img src="blank.gif" width="5" height="20" border="0" alt=""></div>
</div>
</div>


mfg Maik
 
Maik hat gesagt.:
Hab meinen Post sogar eben noch "sicherheitshalber" editiert :-)

mfg Maik
Zum Vergrößern anklicken....

Ich habe noch eine Frage.. somit kann ich ja die 2 blank.gif Bildchen weg machen.. und die Position des bild.jpg 5px von right entfernt..

Doch wenn ich dies mache, geht die Schrift (LINK) wieder nach oben..
Was mache ich falsch?

crix
 
Vielleicht kommt das hier deinen Vorstellungen mehr entgegen?

Code: 
div#image {
width:100%;
line-height:30px;
position:absolute;
left:0px;
bottom:0px;
}


mfg Maik
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück