Bild Link-Buttons in XHTML und CSS.

  • Habe in meinem Quellcode mehrere Bilder die auf ein Verzeichnis verweisen sollen, das Problem ist, das nur der erste verweist. Quellcode:
    <!DOCTYPE html PUBLIC "-//W3C //DTD XHTML 1.0 Transitional//EN"

    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml">

    <head>

    <meta http-equiv="content-type" content="text/html; charset=utf-8" />

    <title>Computernews: News, Gerüchte und mehr! - Home</title>

    <link rel="icon" href="logo.ico"
    type="image/x-icon" />

    <link rel="shortcut icon" href="logo.ico"
    type="image/x-icon" />

    </head>
    <body>
    <style>
    <!--
    body {background:#000000}
    a { display:block;
    background-image:url(newsbutton.png);
    width:190px; height:120px }
    a:hover { background-image:url(newsbutton_on.png); }
    a { display:block;
    background-image:url(hilfebutton.png);
    width:146px; height:120px }
    a:hover { background-image:url(hilfebutton_on.png); }
    a { display:block;
    background-image:url(quellenbutton.png);
    width:240px; height:120px }
    a:hover { background-image:url(quellenbutton_on.png); }
    -->
    </style>

    <center>
    <img src="computernews.png" width="500" height="140" alt="Computernews Logo" title="Willkommen auf Computernews" />
    </center>

    <div style="position:absolute; top:200px; left:0px;"<img src="newsbutton.png">
    <p> <a href="news/"><img="newsbutton.png"> </a></p></div>
    <div style="position:absolute; top:200px; left:300px;"<img src="hilfebutton.png">
    <p> <a href="hilfe/"><img="hilfebutton.png"> </a></p></div>
    <div style="position:absolute; top:200px; left:600px;"<img src="quellenbutton.png">
    <p> <a href="quellen/"><img="quellenbutton.png"> </a></p></div>

    </body>
    </html>

  • Der News-Button ist nicht verlinkt und beim div fehlt ein >. Das gleiche gilt für den Hilfe- und Quellenbutton. Wenn man mal die Augen aufmacht oder einen Validator drüber laufen lässt, könnte man das sogar selber finden.

    Außerdem ist das ein grausamer Quellcode

  • Hab mal ein etwas drüber laufen lassen, da kommen echt Fehler ber Fehler.
    Danke :)
    Ich habe zwar keine Ahnung wie ich die behebe, oder wie ich mein Verlinkungs-Problem löse, aber ich habe jetzt eh keine Motivation mehr.

  • Stimmt auch, aber das Problem ist, das ich die Fehler auch nicht beheben kann...

  • 3. Punkt an dich, aber ich habe schon mit einem Buch und einer helfenden Person gearbeitet, und er zeigt mir schon beim Doctype Fehler an.

  • Habe etwas von der Website kopiert, und es kommt im Prinzip genau der selbe "Fehler" von eben:
    <style type="text/css"><!--
    ich hatte oben im Quellcode:
    <style>
    <!--

    Und bei beidem kommt der Fehler:
    document type does not allow element "style" here

    <style type="text/css" > <!--