• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Weiterleitung bei Mausklick auf zentriertes Bild (Problem Zentrierung)

Fuchikoma

Neues Mitglied
Liebe Community,

mein Problem ist vermutlich ein eher kleines, weshalb ich mir hier unkomplizierte Hilfe erhoffe.

Ich habe ein vorübergehende "Under Construction" Seite eingerichtet, bis die eigentliche Flash Seite
fertig gestellt ist. Die index.html soll den User bei Mausklick auf ein erstelltes .png-File auf einen
andere Seite weiterleiten.

Die Weiterleitung habe ich mir schon selbst erfolgreich zusammengebastelt, auch das .png-File vor
eingefärbtem Hintergrund funktioniert soweit, zumindest unter Firefox, wie geplant.

Lediglich die horizontale Zentrierung des Bildes bekomme ich nicht hin.

Ich habe schon verschiedene Varianten durchprobiert, aber entweder geht die Verlinkung verloren,
oder es passiert rein gar nichts, wenn ich den Code abgeändert habe.

Code:
<head>
<?phpif($_GET['URL']){echo "<meta http-equiv="refresh" content="3; URL=" . $_GET['URL'] . "/>
<body bgcolor="#373b4b">
<link rel="SHORTCUT ICON" href="../favicon.ico" type="image/x-icon">
</head>
<body>
<a href="[URL]http://www.angelstorm.info/forum[/URL]">
<img src="[URL]http://angelstorm.info/underconstruction.png[/URL]" width="1600" height="792" align="middle"/></a>
</body>
</html>

Kann mir jemand erklären, an welcher Stelle ich den Befehl für die Zentrierung einfügen muß und welche
Variante in meinem Fall sinnvoll ist?

Wie gesagt, ich hab diverse Varianten ausprobiert, aber entweder habe ich einfach nicht die richtige Zeile /
Position genutzt, oder es hat sich nichts getan.

Für eine kurze Hilfestellung wäre ich dankbar!


Fuchi
 
Mit HTML alleine geht das nicht, da HTML nur zur Strukturierung dient. Was du brauchst ist CSS. Ich denke die beste Möglichkeit das ganze umzusetzen ist die absolute Positionierung. Folgendes sollte bei deinem Bild funktionieren (beachte, ich habe das Bild mit einer ID versehen):

Code:
#construction {
    display:block;
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-800px;
    margin-top:-396px;
}

Hintergrund: Bild über absolute Positionierung mit top und left 50% Abstand zu den Rändern geben, und dann über margin-left und margin-top mit jeweils der Hälfte der Breite resp. Höhe wieder zurückrücken, so dass es mittig sitzt.

PS: Dein align="middle" kannst du dir dann sparen. Ist eh veraltet.
 
Zurück
Oben