Bild mittig ausrichten

Optimus · 21.05.2009, 13:10

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, 15:03

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

Optimus · 21.05.2009, 19:17

HTML-Code:

<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>&nbsp;</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, 19:28

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-Code:

<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.

21.05.2009, 13:10	#1
Optimus Neuer Benutzer Registriert seit: 20.05.2009 Beiträge: 5	Bild mittig ausrichten 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 Geändert von Optimus (21.05.2009 um 13:13 Uhr) Grund: Noch was vergessen

21.05.2009, 15:03	#2
*developr* Administrator Registriert seit: 11.11.2008 Ort: Bremen Beiträge: 260	AW: [Frage]Bild ausrichten Magst du mal den HTML Code deiner index.html posten, dann mach ich dir das fertig ;-).

21.05.2009, 19:28	#4
*developr* Administrator Registriert seit: 11.11.2008 Ort: Bremen Beiträge: 260	AW: Bild mittig ausrichten 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-Code: <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.

Themen-Optionen	Thema durchsuchen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen	Thema durchsuchen: Erweiterte Suche