Bild mittig ausrichten

Optimus · 21.05.2009

Guten Tag.

Nach meinem Letzten Beitrag mit dem Enterbutton kommt nun das nächste Problem. (Enterpage=Index.html).

Ich habe nun ein Hintergrund und einen Enterbutton. Nun möchte ich den Button DAHIN Positionieren wo ich den hin haben möchte.

align ist nicht das was ich möchte.

Ich möchte es vertikal mittig, nud horizontal nach unten (Jedoch nicht ganz nach unten, sondern ein stück nach oben!Also so zwischen MIttig und Bottom irgendwo. Muss nur ungefähr sein.)

css oder html. Ist egal was, aber ich denke mal mit css ist besser oder? Wie füge ich den css script dann in nem Html script ein?

Hoffe es ist so verständlich was ich meine.

Habe schon gesucht gesucht und gesucht, aber leider nichts gefunden!

Danke für den Support!

Als veranschaulichung: SO ist es im Moment

Danke für den Support

developr · 21.05.2009

AW: [Frage]Bild ausrichten

Magst du mal den HTML Code deiner index.html posten, dann mach ich dir das fertig ;-).

Optimus · 21.05.2009

HTML:

<html>
<head>
<style type="text/css">
body {
 background-image: url(http://i9.photobucket.com/albums/a94/ArkAngel06/Miscellaneous/wsCarbonFiber.jpg?t=1242583194);
}
</style>
</head>
<body>
<p> </p>
<a href="http://Diamond-Crime.com/index.php" title="~ Enter ~"><img src="http://imgbox.de/users/public/images/u600v23.jpg" alt="Welcome to the Root" border="0" /></a>

</body>
</html>

developr · 21.05.2009

Also am einfachsten ist es, alles in eine Tabelle zu packen und dieser eine Breite und eine Höhe von 100% zu geben. Der Text in einer Zelle wird automatisch, sofern nicht anders definiert, mittig (Höhe) ausgegeben. Du kannst zwar deinem Bildchen zuweisen, dass es zentriert werden soll, jedoch nicht nur in der Breite und nicht in der Höhe. Es gibt zwar auch die Möglichkeit, das ganze mit DIVs zu lösen, aber da sehe ich hier keine Notwendigkeit ;-).

HTML:

<html>
<head>
<style type="text/css">
body {
 background-image: url(http://i9.photobucket.com/albums/a94/ArkAngel06/Miscellaneous/wsCarbonFiber.jpg?t=1242583194);
}
</style>
</head>
<body>

<table cellspacing="0" cellpadding="0" width="100%" height="100%">
    <tr>
        <td align="center">
            <a href="http://Diamond-Crime.com/index.php" title="~ Enter ~"><img src="http://imgbox.de/users/public/images/u600v23.jpg" alt="Welcome to the Root" border="0" /></a>
        </td>
    </tr>
</table>

</body>
</html>

Das Bild würde ich übrigens als PNG speicher und den weißen Hintergrund transparent machen.