KsNero: Wenn man über Bild geht, dann an der Stelle eine Infobox

Hallo,

Ich komme nicht mehr weiter, hab schon überall gesucht, aber hab noch nicht das gefunden was ich will.

Ich hab kleine Bilder, ca. 50x50 nebeneinander (und auf der Seite verstreut)
Die Bilder gehören zu einer Artikel Beschreibung, das heißt sie sollten auf jedenfall in meinen Webshop funktionieren, und evtl. auch bei Ebay.
Wenn man mit der Maus über das Bild fährt soll an der Stelle eine InfoBox mit Text erscheinen.

Hab schon vieles Probiert, aber irgendwie gefällt mir das Ergebnis nicht.
Achja es sollte so einfach wie möglich sein.

Gruß

  1. Namaste,

    Hab schon vieles Probiert, aber irgendwie gefällt mir das Ergebnis nicht.
    Achja es sollte so einfach wie möglich sein.

    Schon die CSS Infobox versucht? Benötigt nur CSS, sollte eigentlich überall funktionieren.

    thebach

    --
    selfcode: ie:% fl:( br:> va:) ls:& rl:( n4:~ ss:| de:> js:( ch:? mo:} zu:)
    "Egal, ob ein Sandkorn oder ein Stein. Im Wasser sinken sie beide."
    1. Schon die CSS Infobox versucht? Benötigt nur CSS, sollte eigentlich überall funktionieren.

      thebach

      Ja Problem ist nur wie bekomme ich das auf ein Bild? Hab da nicht soviel ahnung, ich probier einfach immer rum, allerdings ging es dann gar nicht mehr :-(

      KsNero

      1. Ja Problem ist nur wie bekomme ich das auf ein Bild? Hab da nicht soviel ahnung, ich probier einfach immer rum, allerdings ging es dann gar nicht mehr :-(

        Anstatt herumprobieren wäre es ggf. zielführender sich ein paar Grundlagen anzueignen.

        Das dauert etwa genauso lang wie das "herumprobieren", ist aber auf lange sicht weniger frustrierend und spart dir in Zukunft Zeit, weil du nicht wegen derart banaler Dinge nachfragen musst.

        1. @@suit:

          nuqneH

          Anstatt herumprobieren wäre es ggf. zielführender sich ein paar Grundlagen anzueignen.
          Das dauert etwa genauso lang wie das "herumprobieren"

          Bist du dir sicher? ;-)

          Qapla'

          --
          Alle Menschen sind klug. Die einen vorher, die anderen nachher. (John Steinbeck)
          1. So hab jetzt was gefunden hab es angepasst und es funktioniert. Problem ist nur die Position von links, wenn die Bilder in der Mitte sind kommt die Box immer an der gleichen stellen. Gibts da ne möglichkeit die Position auf das Element zu fixieren?

            <style type="text/css">  
              a.infobox { border-bottom: 1px dashed #c30; text-decoration:none; }  
              a.infobox:hover { cursor:help; color:#c30; background:white; }  
              a.infobox span { visibility:hidden; position:absolute;  
              margin-top:2.5em; padding:10px; text-decoration:none; }  
              a.infobox:hover span, a.infobox:focus span, a.infobox:active span {  
                visibility:visible; left:400px;  
                border:1px solid #c30; color:blue; background:white; }  
            </style>  
             <a class="infobox" href="#INFO"><img src="url.jpg"><span> <b>Infobox:</b><br />Text</span></a>
            
            1. Gibts da ne möglichkeit die Position auf das Element zu fixieren?

              Natürlich. Setze dich mit der <http://de.selfhtml.org/css/eigenschaften/positionierung.htm@title=Positionierung von Elementen> auseinander.

        2. Anstatt herumprobieren wäre es ggf. zielführender sich ein paar Grundlagen anzueignen.

          Das dauert etwa genauso lang wie das "herumprobieren", ist aber auf lange sicht weniger frustrierend und spart dir in Zukunft Zeit, weil du nicht wegen derart banaler Dinge nachfragen musst.

          Das nenn ich auch mal Hilfe der besonderen Art.
          DAs ist ungefähr so wenn du ein Schnitzel machen willst, und lernst erstmal das Kochbuch. Obwohl es ja reicht wenn dir jemand zeigt wie das Schnitzel geht und du es dann immer wieder nach kochst. ;-)

          Und durch probieren kommt man auch an Ziel, nur halt nicht immer und ich lerne es am besten wenn ich es selber mache, nur manchmal brauch ich da auch mal Hilfe, wenn man es noch nie gemacht hat.

          1. Ok dann kann mir bitte einer Zeigen wo ich das nachlesen kann?
            Unter was muß ich suchen.

            1. Ok dann kann mir bitte einer Zeigen wo ich das nachlesen kann?
              Unter was muß ich suchen.

              Wenn du CSS erlernen willst, würde ich es mit "CSS" als Suchbegriff versuchen.

              Selfhtml hat hier ein eigenes Kapitel:
              <http://de.selfhtml.org/css/@title=SELFHTML: Stylesheets (CSS)>.

              1. Ok dann kann mir bitte einer Zeigen wo ich das nachlesen kann?
                Unter was muß ich suchen.

                Wenn du CSS erlernen willst, würde ich es mit "CSS" als Suchbegriff versuchen.

                Selfhtml hat hier ein eigenes Kapitel:
                <http://de.selfhtml.org/css/@title=SELFHTML: Stylesheets (CSS)>.

                ehrlich gesagt fehlt mir da die Zeit, und aber auch das Geld. Ich muß nämlich die ganze Zeit arbeiten, und als Nebenverdienst bringt es zu wenig Geld um einen Fachmann machen zu lassen.

                Jetzt stellt man sich die Frage warum ich jetzt Zeit habe? Ganz einfach wenn ich weis wie das geht kann ich es immer wieder anwenden, aber ich brauch sonst den Rest nicht mehr.
                Naja dann muß ich mir mal früher aufstehen und mir die Zeit nehmen und lesen

      2. Namaste,

        Ja Problem ist nur wie bekomme ich das auf ein Bild? Hab da nicht soviel ahnung, ich probier einfach immer rum, allerdings ging es dann gar nicht mehr :-(

        Naja "rumprobieren" ist der denkbar schlechteste Weg zum Ziel. Besser ist es sich etwas mit der Materie zu befassen. http://de.selfhtml.org/@title=SelfHTML ist da ein guter Einstiegspunkt ;-) Aber genug der Belehrung:

        <div id="box"><a href="#">INFOBOX<span>Lorem ipsum dolor sit amet.</span></a></div>  
        
        

        Das ist der relevante Teil im Beispiel. Dort wo 'INFOBOX' steht müsstest du etwas ändern.

        thebach

        --
        selfcode: ie:% fl:( br:> va:) ls:& rl:( n4:~ ss:| de:> js:( ch:? mo:} zu:)
        "Egal, ob ein Sandkorn oder ein Stein. Im Wasser sinken sie beide."