CSS-Rollovers

    Erbarmt sich hier jemand, mit mir eine Hausaufgabe "Musterseite mit CSS-Rollovers" zu besprechen? Bin gerade dabei, XHTML und CSS zu lernen. Photoshop ist in dieser Aufgabe auch dabei (Slicing-Funktion).

    Aufgegliedert in

    - Vorbereitung des Layouts
    - Erstellen der HTML-Struktur
    - Formatierung mit CSS

    Ich komm ohne Hilfe leider nicht weiter :-/

    Hätte auch ICQ: 583768686

    Seh ich richtig oder hast du irgendwie zwei Threads dafür?

    Naja ich könnte dir schon helfen, doch mir ist unklar, WAS genau du besprechen müsstest.
    Was ist dir bei der Aufgabe mit Rollover (Hover) unklar?

    Und das ist das einzige was ich bisher geschafft habe:
    ( Ich weiß, das ist für nen Profi bestimmt ne Katastrophe :( )

    XHTML-Datei:

    </head>

    <body>

    <div id="inhalt">
    <h1><em>ZimmerMeister<strong>Haus</strong></em></h1>

    <p>Wir sind Mitglied im Arbeitskreis ZimmerMeisterHaus,
    dem führenden Verbund handwerklich gefertigter Holzhäuser,
    und haben langjährige Erfahrung im Holzhausbau. Unsere Häuser
    stehen für Qualität und Kompetenz. Sie werden schnell feststellen,
    dass jedes Haus eine völlig eigene Idee verwirklicht. Genau das
    ist unser Konzept: Mit Ihrem oder unserem Planer zusammen ein ganz
    auf Ihre Wünsche ausgerichtetes Haus zu entwickeln und zu realisieren.</p>

    <p>Wir verwenden biologische Baumaterialien, damit Sie gesund und
    glücklich in Ihrem Holzhaus wohen werden. Einen Leistungsüberblick
    erhalten Sie auf den nächsten Seiten. Sollten Sie Fragen haben:
    Wir sind jederzeit für Sie da und zeigen Ihnen gerne eines der von
    uns gebauten Häuser.</p>
    </div>


    <div id="bild">
    <img src="layout1.jpg"
    alt="ZimmerMeisterHaus"
    width="750" height="450">
    </div>

    <div id="navi">


    </div>

    </body>

    </html>



    CSS-Datei:

    body {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: black;
    width: 600px;
    height: 600px;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;
    background-color: #999999


    }


    div#bild {
    width: 700px;
    height: 700px;
    margin-top: 10%;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;