heiko: Grafikänderung bei Mausberührung

Hallo,
ich möchte folgendes machen:
Ich habe eine Grafik, welche ein Buch mit einer Jahreszahl darstellt. Diese soll als "Jahrbuch" in meinem Webarchiv dienen.
Wenn man mit der Maus darüber geht, soll die Jahreszahl vergrößert werden ein "Stück" auf den Nutzer zugeflogen kommen.
Mit diesen Effekt möchte ich erreichen, dass man sich im richtigen Archivjahr befindet, eh man mit der Maus darauf klickt.

Danke für Ideen. Heiko

  1. Ich habe eine Grafik, welche ein Buch mit einer Jahreszahl darstellt.

    Nein, du willst, dass die Zahl separat vom Buch behandelt wird. Das sind also schon zwei getrennte Elemente im HTML.

    Diese soll als "Jahrbuch" in meinem Webarchiv dienen.
    Wenn man mit der Maus darüber geht, soll die Jahreszahl vergrößert werden ein "Stück" auf den Nutzer zugeflogen kommen.

    Du kennst CSS?
    Du kennst :hover
    Du kennst die CSS Eigenschaft font-size

    Mit diesen Effekt möchte ich erreichen, dass man sich im richtigen Archivjahr befindet, eh man mit der Maus darauf klickt.

    Es ist blödsinnig, wenn der Buchdeckel so klein ist, dass ich erst hovern muss, damit ich die Jahrzahl lesen kann.
    Thumbnails sind keine guten Linklabel. Du kannst wenn schon Bild und Text kombinieren in einem einzigen Link.

    mfg Beat

    --
    ><o(((°>           ><o(((°>
       <°)))o><                     ><o(((°>o
    Der Valigator leibt diese Fische
    1. Ich habe eine Grafik, welche ein Buch mit einer Jahreszahl darstellt.

      Nein, du willst, dass die Zahl separat vom Buch behandelt wird. Das sind also schon zwei getrennte Elemente im HTML.

      Diese soll als "Jahrbuch" in meinem Webarchiv dienen.
      Wenn man mit der Maus darüber geht, soll die Jahreszahl vergrößert werden ein "Stück" auf den Nutzer zugeflogen kommen.

      Du kennst CSS?
      Du kennst :hover
      Du kennst die CSS Eigenschaft font-size

      Mit diesen Effekt möchte ich erreichen, dass man sich im richtigen Archivjahr befindet, eh man mit der Maus darauf klickt.

      Es ist blödsinnig, wenn der Buchdeckel so klein ist, dass ich erst hovern muss, damit ich die Jahrzahl lesen kann.
      Thumbnails sind keine guten Linklabel. Du kannst wenn schon Bild und Text kombinieren in einem einzigen Link.

      mfg Beat

      Das leuchte ein, dass ich die Jahreszahl getrennt behandeln muss. An der Buchgrafik selbst soll sich ja nichts ändern.
      Bei hover weiß ich lediglich, dass man Farben ändern kann.
      Sollte ich die Jahreszahl als Text oder Grafik behandeln (habe sie in die Buchgrafik mit einem schönen 3D-Effekt versehen, dass bekomme ich glaub ich bei blosem Text nicht hin?
      Von CSS hab ich z. Z.keine Ahnung.

      mfg Heiko

      1. Bei hover weiß ich lediglich, dass man Farben ändern kann.

        Man kann bei :hover alles tun, was gültige Regeln darstellt, denn :hover ist lediglich ein Selektor

        Sollte ich die Jahreszahl als Text oder Grafik behandeln (habe sie in die Buchgrafik mit einem schönen 3D-Effekt versehen, dass bekomme ich glaub ich bei blosem Text nicht hin?

        Du weisst, dass img Elemente ein alt Attribut kennen?
        Du wirst einen Link auf jeden Fall mit lesbarer Schrift beliefern, ob als Text oder im alt-Attribut eines Bildes.

        Von CSS hab ich z. Z.keine Ahnung.

        Das ist schlecht. Davon solltest du dir eine ausgereifte Kenntnis verschaffen. Denn es ist die Formatiersprache für HTML.

        mfg Beat

        --
        ><o(((°>           ><o(((°>
           <°)))o><                     ><o(((°>o
        Der Valigator leibt diese Fische
        1. Bei hover weiß ich lediglich, dass man Farben ändern kann.

          Man kann bei :hover alles tun, was gültige Regeln darstellt, denn :hover ist lediglich ein Selektor

          Sollte ich die Jahreszahl als Text oder Grafik behandeln (habe sie in die Buchgrafik mit einem schönen 3D-Effekt versehen, dass bekomme ich glaub ich bei blosem Text nicht hin?

          Du weisst, dass img Elemente ein alt Attribut kennen?
          Du wirst einen Link auf jeden Fall mit lesbarer Schrift beliefern, ob als Text oder im alt-Attribut eines Bildes.

          Von CSS hab ich z. Z.keine Ahnung.

          Das ist schlecht. Davon solltest du dir eine ausgereifte Kenntnis verschaffen. Denn es ist die Formatiersprache für HTML.

          mfg Beat

          Also ich mach mich mal bei einigen Fachbegriffen schlau.
          Ich erstelle für unsere Schule die Homepage und arbeite hier mit ExpessionWeb. Das geht relativ einfach und unkompliziert.
          Die Einbindung von Grafiken erfolgt einfach über Importieren. Dadurch hab ich bisher vom alt-Attribut noch nichts gehört.
          Dadurch habe/Brauche ich auch nicht ganz so tiefgründige HTML-Kenntnisse. (Aber die eine oder andere Idee :-)).

          mfg. heiko

          1. Grüße,

            Die Einbindung von Grafiken erfolgt einfach über Importieren. Dadurch hab ich bisher vom alt-Attribut noch nichts gehört.
            Dadurch habe/Brauche ich auch nicht ganz so tiefgründige HTML-Kenntnisse. (Aber die eine oder andere Idee :-)).

            was hast du nach der schule vor? lehre, job, weiterstudieren?
            mit der einstelung bist du nicht überall gut aufgehoben.
            du willst nciht wissen, wie man das was du vorhast macht, du willst hier einfach nur eine quasi fertige lösung haben - dabei bist DU damit beauftragt die seite uz basteln.
            MFG
            bleicher

            --
            __________________________-

            FirefoxMyth
            1. Grüße,

              Die Einbindung von Grafiken erfolgt einfach über Importieren. Dadurch hab ich bisher vom alt-Attribut noch nichts gehört.
              Dadurch habe/Brauche ich auch nicht ganz so tiefgründige HTML-Kenntnisse. (Aber die eine oder andere Idee :-)).

              was hast du nach der schule vor? lehre, job, weiterstudieren?
              mit der einstelung bist du nicht überall gut aufgehoben.
              du willst nciht wissen, wie man das was du vorhast macht, du willst hier einfach nur eine quasi fertige lösung haben - dabei bist DU damit beauftragt die seite uz basteln.
              MFG
              bleicher

              Hallo, danke für die offenen Worte.
              Also ich ich bin Lehrer an meiner Schule und mache das alles nebenbei in meiner Freizeit. Du hast richtig getippt. Ich suchte einen Lösungsansatz für meine Idee.
              Ich habe Verständnis für eure Tiefgründigkeit, die allerdings für mich in der Form keinesfalls anstrebenswert ist.
              Sorry, dann bin ich hier wohl falsch.
              Ich werde mich dann mal besser abmelden, weil auf so ne Art im Umgang hab ich auch keinen Bock.
              Schöne Zeit noch. Heiko

              1. Grüße,

                Ich werde mich dann mal besser abmelden, weil auf so ne Art im Umgang hab ich auch keinen Bock.

                warum sind manche Leute so empfindlich? im Internet sind Menschen einfach direkter, und sagen eigentlich das, was man auch IRL hören würde, wenn die ganzen höfflichkeitsfloskeln nicht wären.
                da fragt einer nach einem Rat und flippt aus, wo man ihm nicht feucht genug den Anus küsst.
                mal ehrlich? irl würde ich einfahc nur "sorry keine zeit" auf so eine bitte meine, hier kann ich ehrlich hinzufügen warum. leben denn so viele menschen mit der illusion, die welt sei heile und mit der maus?
                MFG
                bleicher

                --
                __________________________-

                FirefoxMyth
                1. Hallo ;)

                  warum sind manche Leute so empfindlich?  im Internet sind Menschen einfach direkter, und sagen eigentlich das, was man auch IRL hören würde, wenn die ganzen höfflichkeitsfloskeln nicht wären.

                  Mal ehrlich?
                  Das hat meiner Meinung nach nichts mit Höflichkeitsfloskeln zu tun.
                  Im wahren Leben hättest Du von Angesicht zu Angesicht gesehen, dass Du keinen halbfertigen Schüler vor Dir hast, der Mahnungen für sein späteres Leben nach der Schule benötigt, sondern einen fertigen Lehrer (zwischen ca. knapp 30 und ca. Mitte 60), der mal schnell einen Tipp braucht, um nebenbei und ohne große Klimmzüge eine Website zusammenzuschustern.
                  Das ist eben der Nachteil des Internets: Wir wissen nichts oder nicht besonders viel über unser Gegenüber (vielleicht ist Heiko ja sogar eine Lehrerin?) und tappen deshalb wesentlich häufiger ins Fettnäpfchen als im wahren Leben.

                  mfg
                  cygnus

                  --
                  Die Sache mit der Angel und dem  ><o(((°>  hat immer einen Haken ...
                  1. Grüße,

                    Das ist eben der Nachteil des Internets: Wir wissen nichts oder nicht besonders viel über unser Gegenüber (vielleicht ist Heiko ja sogar eine Lehrerin?) und tappen deshalb wesentlich häufiger ins Fettnäpfchen als im wahren Leben.

                    in der Sauna keine Ränge - wenn wir einen Mensch nur anhand seiner aussagen/Handlungen und nicht Klamotten/titten urteilen, ist das viel gerechter

                    wenn er/sie so klingt, als wäre es ein Schüler, dann ist er/sie in wirklichkeit so. körper/Alter ist sekundär - im netz zählt NUR persönlichkeit, das WAHRE ich also
                    MFG
                    bleicher

                    --
                    __________________________-

                    FirefoxMyth
                    1. Falls du mal Reue erlebst, wirst du vielleicht ein anderes als dein momentanes wahres ich finden...

                      Es gibt Unterschiede, und Alter macht einen Unterschied.

                      mfg Beat

                      --
                      ><o(((°>           ><o(((°>
                         <°)))o><                     ><o(((°>o
                      Der Valigator leibt diese Fische
                      1. Grüße,

                        Es gibt Unterschiede, und Alter macht einen Unterschied.

                        klar - Altersunterschied, Hauptmann Offensichtlich!
                        MFG
                        bleicher

                        --
                        __________________________-

                        FirefoxMyth
                        1. Hallo :)

                          Es gibt Unterschiede, und Alter macht einen Unterschied.
                          klar - Altersunterschied, Hauptmann Offensichtlich!

                          Ein junger Mensch, der sich nicht benehmen kann, wird nachsichtiger betrachtet
                          als ein alter Mensch, der sich nicht benehmen kann.

                          mfg
                          cygnus

                          --
                          Die Sache mit der Angel und dem  ><o(((°>  hat immer einen Haken ...
                          1. Bounjoun cygnus,

                            Ein junger Mensch, der sich nicht benehmen kann, wird nachsichtiger betrachtet
                            als ein alter Mensch, der sich nicht benehmen kann.

                            Ich vermisse meine Jugend.

                            Adiou.

                          2. Grüße,

                            Ein junger Mensch, der sich nicht benehmen kann, wird nachsichtiger betrachtet
                            als ein alter Mensch, der sich nicht benehmen kann.

                            du meinst unser Lehrer hier ist ein noch düsterer Fall, wenn er sich mit was-weiss-ich-wie-vielen-jahren immer noch so benimmt, dass man ihn für einen Schüler hält (im schlechten sinne) ?
                            MFG
                            bleicher

                            --
                            __________________________-

                            FirefoxMyth
                            1. Hallo :)

                              du meinst unser Lehrer hier ist ein noch düsterer Fall, wenn er sich mit was-weiss-ich-wie-vielen-jahren immer noch so benimmt, dass man ihn für einen Schüler hält (im schlechten sinne) ?

                              Der Mensch lernt sein Leben lang, also ist er auch ein Leben lang auf den Gebieten, die er nicht beherrscht, ein Schüler. Und wenn er etwas machen will, hat er das Recht, sich auszusuchen, ob er ein Hilfsmittel benutzt oder die Grundlagen lernt.

                              Ich meine, dass jemand, der hier - wie die meisten Besucher des Forums - als unbekannter Gast herkommt und eine Frage zu einem Wysiwyg-Editor stellt und  nebenbei äussert, dass es damit recht unkompliziert geht und er dadurch keine weiteren HTML-Kenntnisse hat und braucht, wegen dieser Einstellung nicht wie ein Schüler wirkt, sondern wie jemand, der in seiner Freizeit ganz legitim einen Wysiwyg-Editor benutzt, um einfach und schnell eine Website zu basteln.

                              Du hättest ihm erklären können, welche Nachteile ein Wysiwyg Editor hat, und welche Vorteile sich für ihn ergeben, wenn er die Zeit aufbringt, sich mit HTML und CSS zu beschäftigen, vor allem dann, wenn an der Homepage mal Wesentliches verändert werden muss oder er das Projekt in andere Hände weitergibt.
                              Aber was passiert? Ich rate mal: Du kanzelst ihn als Schüler ab in der Weise, wie Du es vermutlich von Deinen eigenen Lehrern gelernt hast, die Du aber nicht ausstehen kannst und über die Du in einem anderen Thread mal geschimpft hast.

                              mfg
                              cygnus

                              --
                              Die Sache mit der Angel und dem  ><o(((°>  hat immer einen Haken ...
                  2. Hallo,

                    warum sind manche Leute so empfindlich?  im Internet sind Menschen einfach direkter, und sagen eigentlich das, was man auch IRL hören würde, wenn die ganzen höfflichkeitsfloskeln nicht wären.
                    Mal ehrlich?

                    ja, mal ehrlich: "The world would be a better place" ...
                    Ich bin jedenfalls überzeugt, dass wir wesentlich besser miteinander auskommen könnten, wenn nicht Höflichkeit und Etikette uns permanent zum Lügen zwingen würden. Mir ist es viel lieber, wenn mir jemand ohne Umschweife sagt, "Ich kann Sie nicht ausstehen", oder "Was Sie mir da vorschlagen, ist Bullshit", anstatt im Interesse von Anstand und Höflichkeit um den heißen Brei herumzureden.
                    Ein potentieller Kunde sagt mir, "Wir werden über Ihr Angebot nachdenken und melden uns wieder" - dann frage ich mich schon: "Warum sagt er mir nicht ehrlich, dass er nicht interessiert ist?"

                    Das hat meiner Meinung nach nichts mit Höflichkeitsfloskeln zu tun.

                    Das hier vielleicht nicht, aber die machen uns ständig das Leben schwer.

                    Das ist eben der Nachteil des Internets: Wir wissen nichts oder nicht besonders viel über unser Gegenüber (vielleicht ist Heiko ja sogar eine Lehrerin?) und tappen deshalb wesentlich häufiger ins Fettnäpfchen als im wahren Leben.

                    Ja, aber auf der anderen Seite ermuntert uns die vermeintliche Anonymität des Internet auch zu mehr Ehrlichkeit und Aufrichtigkeit.

                    Ciao,
                     Martin

                    --
                    Gott hilft niemandem, er erfreut sich nur an unseren Leiden.
                      (Ashura)
                    Selfcode: fo:) ch:{ rl:| br:< n4:( ie:| mo:| va:) de:] zu:) fl:{ ss:) ls:µ js:(
                    1. Das ist eben der Nachteil des Internets: Wir wissen nichts oder nicht besonders viel über unser Gegenüber (vielleicht ist Heiko ja sogar eine Lehrerin?) und tappen deshalb wesentlich häufiger ins Fettnäpfchen als im wahren Leben.

                      Ja, aber auf der anderen Seite ermuntert uns die vermeintliche Anonymität des Internet auch zu mehr Ehrlichkeit und Aufrichtigkeit.

                      Das ist selbstbetrug. Der Mensch ist ein Rollenspieler, im leben wie im Internet. Das Internet erlaubt ihm lediglich, sich in der Rolle zu vergreifen ohne ein Gesicht zu verlieren (hat er ja eh nicht).

                      mfg Beat

                      --
                      ><o(((°>           ><o(((°>
                         <°)))o><                     ><o(((°>o
                      Der Valigator leibt diese Fische
                      1. Hallo,

                        Das ist eben der Nachteil des Internets: Wir wissen nichts oder nicht besonders viel über unser Gegenüber (vielleicht ist Heiko ja sogar eine Lehrerin?) und tappen deshalb wesentlich häufiger ins Fettnäpfchen als im wahren Leben.
                        Ja, aber auf der anderen Seite ermuntert uns die vermeintliche Anonymität des Internet auch zu mehr Ehrlichkeit und Aufrichtigkeit.
                        Das ist selbstbetrug. Der Mensch ist ein Rollenspieler, im leben wie im Internet. Das Internet erlaubt ihm lediglich, sich in der Rolle zu vergreifen ohne ein Gesicht zu verlieren (hat er ja eh nicht).

                        schließt du von dir selbst auf andere?

                        So long,
                         Martin

                        --
                        Wenn ein Räuber eine deutsche Amtsstube überfällt, welchen Satz kann er sich dann sparen?
                        "Keine Bewegung!"
                        Selfcode: fo:) ch:{ rl:| br:< n4:( ie:| mo:| va:) de:] zu:) fl:{ ss:) ls:µ js:(
                        1. Das ist eben der Nachteil des Internets: Wir wissen nichts oder nicht besonders viel über unser Gegenüber (vielleicht ist Heiko ja sogar eine Lehrerin?) und tappen deshalb wesentlich häufiger ins Fettnäpfchen als im wahren Leben.
                          Ja, aber auf der anderen Seite ermuntert uns die vermeintliche Anonymität des Internet auch zu mehr Ehrlichkeit und Aufrichtigkeit.
                          Das ist selbstbetrug. Der Mensch ist ein Rollenspieler, im leben wie im Internet. Das Internet erlaubt ihm lediglich, sich in der Rolle zu vergreifen ohne ein Gesicht zu verlieren (hat er ja eh nicht).

                          schließt du von dir selbst auf andere?

                          Ich habe den Menschen, der frei ist von Rollen, noch nicht gefunden.

                          Das Internet präsentiert Menschen in eingeschränkter Form. Teile ihrer Menschlichkeit dringen nicht durch. Andere dringen um so mehr durch. Die Reaktionen im Internet gleichen zuweilen den Streubomben im Krieg. Das kann man als ehrlich bezeichnen, aber nur bezüglich des kastrierten Ausdrucks.
                          Im Krieg ist eine Voraussetzung zur Gewalt, dass der gegenüber nicht mehr als Mensch wahrgenommen wird. Wenn auch in anderer Weise trübt das Internet auch unsere Wahrnehmung.

                          mfg Beat

                          --
                          ><o(((°>           ><o(((°>
                             <°)))o><                     ><o(((°>o
                          Der Valigator leibt diese Fische
                          1. Hallo :)

                            Im Krieg ist eine Voraussetzung zur Gewalt, dass der gegenüber nicht mehr als Mensch wahrgenommen wird.

                            Ein legendärer Überrest menschlicher Zivilisation dürfte der Weihnachtsfrieden von 1914 sein, als deutsche und britische Soldaten einen von den Befehlsgebern nicht autorisierten Waffenstillstand an der Westfront einhielten.
                            Na ja, davon war ein paar Monate später dann aber auch nichts mehr vorhanden.

                            mfg
                            cygnus

                            --
                            Die Sache mit der Angel und dem  ><o(((°>  hat immer einen Haken ...
                            1. Bounjoun cygnus,

                              Weihnachtsfrieden von 1914 sein, als deutsche und britische Soldaten

                              Wo standen sich Engländer und Deutsche bereits 1914 gegenüber?
                              Entente Cordiale in aller Ehren, sag mir bitte wo!

                              Oder meintest Du: Deustsche und französische Soldaten?

                              Adiou.

                              1. Moin!

                                Wo standen sich Engländer und Deutsche bereits 1914 gegenüber?
                                Entente Cordiale in aller Ehren, sag mir bitte wo!

                                Oder meintest Du: Deustsche und französische Soldaten?

                                Eigentlich an allen Fronten, aber hauptsachlich zwischen Deutschen und Briten in Flandern.

                                --
                                Ich bin dafuer verantwortlich was ich sage, nicht dafuer, was Du verstehst.
                                1. Bounjoun Steel,

                                  Eigentlich an allen Fronten, aber hauptsachlich zwischen Deutschen und Briten in Flandern.

                                  Danke!

                                  Adiou.

                                  1. Grüße,
                                    bin ich der einzige, den so eine kurze posting-kette von mouseover zum WWI wundert?
                                    MFG
                                    bleicher

                                    --
                                    __________________________-

                                    FirefoxMyth
                                    1. Nabend!

                                      bin ich der einzige, den so eine kurze posting-kette von mouseover zum WWI wundert?

                                      Scheinbar. So wie jeder Mensch jeden anderen Menschen auf der Welt im Schnitt um nur 3 Ecken kennt, ist auch jedes Thema irgendwie mit jedem anderen Thema verwandt. Ich bin fast sicher, dass ich von jedem vorgegebenen Thema um 3-5 Ecken auf jedes andere beliebige Thema kommen kann.

                                      • "Wie findet ihr mein Design?"
                                      • "Dein Farbschema: Schwarzweiss is etwas langweilig, pepp das doch mal mit z.b. rot auf"
                                      • "schwarz, weiss, rot. Hat schon Media Markt" -> Diskussion ueber Media Markt, Werbung, ... (is ja noch recht nah)
                                      • "Naja. und die Nazis damals..." -> Super, wir sind evtl. in WW II und landen vielleicht in einer Diskussion ueber MG 42, MP 44 und deren Einfluss auf modernes Waffendesign. Das fuehrt zu deutscher Waffenindustrie und deren Absatz in z.B. Griechenland und wir haben ploetzlich einen Ast ueber europaeische Politik. Wie war noch das Ursprungsthema?
                                      • ...
                                      --
                                      Ich bin dafuer verantwortlich was ich sage, nicht dafuer, was Du verstehst.
                                      1. Hallo :)

                                        • "Naja. und die Nazis damals..." -> Super, wir sind evtl. in WW II und landen vielleicht in einer Diskussion ueber MG 42, MP 44 und deren Einfluss auf modernes Waffendesign. Das fuehrt zu deutscher Waffenindustrie und deren Absatz in z.B. Griechenland und wir haben ploetzlich einen Ast ueber europaeische Politik. Wie war noch das Ursprungsthema?

                                        Kollektive Verteidigung Europas?

                                        mfg
                                        cygnus

                                        --
                                        Die Sache mit der Angel und dem  ><o(((°>  hat immer einen Haken ...
                    2. Hallo :)

                      Ja, aber auf der anderen Seite ermuntert uns die vermeintliche Anonymität des Internet auch zu mehr Ehrlichkeit und Aufrichtigkeit.

                      Es ist die Anonymität allein, die genügt, um aus Feiglingen Helden zu machen.

                      mfg
                      cygnus

                      --
                      Die Sache mit der Angel und dem  ><o(((°>  hat immer einen Haken ...
          2. Ich erstelle für unsere Schule die Homepage und arbeite hier mit ExpessionWeb. Das geht relativ einfach und unkompliziert.
            Die Einbindung von Grafiken erfolgt einfach über Importieren. Dadurch hab ich bisher vom alt-Attribut noch nichts gehört.
            Dadurch habe/Brauche ich auch nicht ganz so tiefgründige HTML-Kenntnisse. (Aber die eine oder andere Idee :-)).

            Darf ich dich bitten, nur das notwendige zu zitieren.

            Wir alle coden hier von Hand. Dies gibt uns volle Kontrolle über den Code.
            Das Web lebt von semantisch sinnvollem HTML und klugem CSS. Bastelprogramme sind nicht hilfreich und auch nicht der Weg, über welchen du hier Hilfe erreichen kannst.

            Die Tatsache, dass dein Programm dir den Alternativtext nicht zum editieren vor die Nase setzt, ist sträflich.
            Ich empfehle die Arbeit mit einem echten Quelltext-Editor (z.B. Notepad+)

            mfg Beat

            --
            ><o(((°>           ><o(((°>
               <°)))o><                     ><o(((°>o
            Der Valigator leibt diese Fische