Sportfreund: Idee vorhanden - Umsetzung?

Hey Leuts,

es geht sich im folgendes... ein Freund und ich wollen eine Homepage bauen, die nach dem Prinzip auf dem Bild was ich hier verlinkt habe basiert.

Also:

Oben kommt ein Banner hin den ich schon entworfen hab. Jeder Button hat sein individuelles Design... und wenn man drüberfährt soll der das etwas verändern (Mouseover). Soweit, so gut. Aber: Wenn man über einen Button fährt, soll gleichzeitig in der Sprechblase des Männchens ein kleiner Text zur Beschreibung der Kategorie entstehen... und beim verlassen eben wieder weg.

Beim Draufklicken auf einen Button soll der zugehörige Sprechblasentext bestehen bleiben und unten im Fenster "Inhalt" der Inhalt erscheinen...

Nun die Frage: Wie mache ich das? Mit Frames? Aber die kann man ja schlecht zentrieren oder so...

Wenn mit Tabellen und div-Containern, könnte mir da jemand den Grundaufbau zeigen?

Danke, Sporti

  1. Hallo Sporti!

    Am einfachsten geht es mit Flash, aber auch mit Javascript.
    iFrames oder Frames wären die unpraktische Lösung.
    Tutorials findest du im Netz.
    Einfach mal auf einschlägigen Javaseiten nachschlagen.

    Grüße, Matze

    1. Moin!

      Am einfachsten geht es mit Flash

      Wenn man Flash kann und hat - sonst nicht.

      aber auch mit Javascript.

      Wie jetzt? Nur Javascript? Was ist mit dem guten alten HTML und CSS geworden?

      iFrames oder Frames wären die unpraktische Lösung.

      Hängt vom Problem ab. Drängt sich allerdings nicht auf.

      Tutorials findest du im Netz.

      SELFHTML ist zwar kein Tutorial, aber nach Tutorials war auch nicht gefragt. Der Hinweis "X findest du im Netz" ist jedenfalls nicht hilfreich.

      Einfach mal auf einschlägigen Javaseiten nachschlagen.

      Java ist nicht Javascript, und beides ist zur Erstellung von HTML-Seiten denkbar ungeeignet.

      Schade, dass man nur einmal auf "nicht hilfreich" klicken kann.

      - Sven Rautenberg

      --
      My sssignature, my preciousssss!
      1. Nicht streiten... alles wird gut =)

        ---------------------------------------------------

        <html>
        <title>East Park</title>

        <script language="JavaScript" type="text/javascript">
        <!--
        if (document.images)
        {
          Anzahl = 8;
          Bild_array = new Array()
          for (i = 0 ; i <= Anzahl ; i++)
            Bild_array[i] = new Image();
          Bild_array[0].src = "b.jpg";
          Bild_array[1].src = "news.jpg";

        }
        function einschalten(x)
        {
          if (document.images)
            document.temp.src = Bild_array[x].src;
        }
        function abschalten()
        {
          if (document.images)
            document.temp.src = Bild_array[0].src;
        }
        //-->
        </script>

        <body bgcolor="#484848" text="#FFFFFF" link="#FFFFFF" vlink="#FFFFFF">

        <div align="center">

        <table border="0" cellspacing="0">
        <tr>
        <td width="796" align="Center" valign="TOP">
        <table border="0" cellspacing="0" cellpadding="0">
        <tr>
        <td><img src="a.jpg" width="82" height="160" name="temp" alt="a"></td>
        <td><img src="b.jpg" width="122" height="160" name="temp" alt="b"></td>
        <td><a href="news.html" onmouseover="einschalten(1)" onmouseout="abschalten()"><img src="c.jpg" width="34" height="160" border="0" alt="c"></a></td>
        </tr>
        </table>
        </td>
        </tr>
        </table>
        <br>
        <table border="0">
        <tr>
        <td align="center" width="796" valign="top" nowrap="nowrap">
        blabal
        </td>
        </tr>
        </table>

        </div>

        </body>
        </html>

        ------------------------------------------------

        So siehts jetzt aus... hab da aber das Problem, dass das Javascript scheinbar nicht durch die Tabellen, in denen die Bilder sind, dringen kann... aber wenn ich die Tabellen um die Bilder wegmache, habe ich immer ca. 1px Platz zwischen den Bilder, der aber wegsoll. Wie geht das?

        Sporti