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

Bilderposition wird falsch gerendert

Shinigami

Neues Mitglied
Hallo liebe Community.
Zum einen bin ich neu hier, also entschuldigt bitte, wenn ich falsch gepostet habe und korrigiert mich einfach :)

Zu meinem Problem, aus einem Grund, den ich nicht erkenne, lädt mein Browser die Bilder nicht so, wie sie sollten.

HTML:
<html>
    <head>
        <title>Test</title>
        <h1>Test</h1>
    </head>
    <body>
        <div align="center">
            <a href="img_001.html" ><img src="cont/l_arr.png" width="128" height="64" border="0" alt="<---" align="left"></a>
            <a href="http://www.html.de/bilder.html"><img src="cont/gallery.png" width="64" height="64" border="0" alt="Gallerie" align="center"></a>
            <a href="img_003.html" ><img src="cont/r_arr.png" width="128" height="64" border="0" alt="--->" align="right"></a>
        </div>
    </body>
</html>
alles stimmt soweit, aber der 3 link (das 3. Bild) wird immer weiter unten gerendert, als die anderen beiden.
Ich bin ein Anfänger in HTML, und sehe meinen Fehler einfach nicht.

Danke im Voraus;

Mit freundlichem Gruß
Shinigami

PS: Kann auch ein Bild hochladen, wenn ihr mögt.

EDIT: Testseite http://www.borgersee.de/test.html
 
Zuletzt bearbeitet:
Ok, habe eine Testdatei hochgeladen, habe aber die Links rausgenommen, da diese dateien noch nicht hochgeladen worden sind.
Test-Upload:
Test
Der Fehler bleibt immer noch bestehen.

Mit freundlichem Gruß
Shinigami
 
Was Du willst lässt sich durch CSS und etwas angepassten HTML-Code erledigen.

HTML:
<div align="center">
            <img style="float: left;" height="64" width="128" border="0" alt="&lt;---" src="bilder/cont/l_arr.png">
            <img style="float: right;" height="64" width="128" border="0" alt="---&gt;" src="bilder/cont/r_arr.png">
            <img style="margin: 0 auto;" height="64" width="64" border="0" alt="Gallerie" src="bilder/cont/gallery.png">
        </div>
 
Zurück
Oben