Was muß anstatt von 'homepage' eingefügt werden?

Diskutiere Was muß anstatt von 'homepage' eingefügt werden? im HTML / CSS / JScript / AJAX Bereich.
M

molebreaker

Hallo, ich will einen tooltip mit Javascript erstellen (wz_tooltip.js). in der Dokumentation dazu steht. "Die Tags benötigen je ein onmouseover- und ein onmouseout-Attribut:"
Code:
<a href="index.htm" onmouseover="Tip('Some text')" onmouseout="UnTip()">Homepage </a>
Bei mir ist anstelle von 'homepage' ein Bild.
 
Thallius

Thallius

Java ist kein Javascript :)

Du must diesen Teil

Code:
onmouseover="Tip('Some text')" onmouseout="UnTip()
in dein img tag packen. Also du hast ja wahrscheinlich für das Bild sowas wie

Code:
<img src='...>
Wenn du das oben vor das src= schreibst sollte es klappen.

Gruß

Claus
 
M

molebreaker

Danke Thallus,
nun aber habe ich zwei Bilder nebeneiander
der code lautet:
Code:
<a href="Malerei/Acrylmalerei/album/slides/Eis.jpg"><img src="Malerei/Acrylmalerei/album/thumbs_web/eis.jpg" width="200" height="166" alt=""onmouseover="Tip('zur größeren Ansicht')" onmouseout="UnTip()</a>
 

Anhänge

Thallius

Thallius

Da fehlen auch einige leerzeichen und Anführungszeichen. Du must schon ein wenig sorgfältiger arbeiten...
 
M

molebreaker

Wo fehlen da Leerzeichen und Anführungszeichen. Ich kann nichts finden.:(
Code:
 <h2>Acrylbilder</h2>
    <div>
  
    <a href="Malerei/Acrylmalerei/album/slides/Eis.jpg"><img src="Malerei/Acrylmalerei/album/thumbs_web/eis.jpg" width="200" height="166" alt=""onmouseover="Tip('zur größeren Ansicht')" onmouseout="UnTip()</a>
      
        </div>
    <h3>Eis</h3>
    <p>Acryl auf Leinwand<br>60 x 50cm
    </div>
  
        <hr>
 
mrBrown

mrBrown

Was vor allem fehlt, ist das schließen den img-Tags ;)
Hinter onmouseout="UnTip() muss noch ein "/>.

Das da zwei Bilder zu sehen sind, sollte allerdings nicht daran liegen...
 
M

molebreaker

Jetzt habe ich das Problem mit den Bildern gelöst, aber dafür sind nun alle Texte (Titel, Angaben zum Bild) unterstrichen.
 

Anhänge

sascha-sphw

sascha-sphw

Jetzt habe ich das Problem mit den Bildern gelöst, aber dafür sind nun alle Texte (Titel, Angaben zum Bild) unterstrichen.
Wie @Thallius schon geschrieben hat, Du musst unbedingt sorgfältiger arbeiten. Du Hast offensichtlich mit den Tags was falsch gemacht, womit jetzt der Text ebenfalls innerhalb des Anchor Tags ist, dadurch unterstreicht der Browser den Text.
 
M

molebreaker

  1. Code:
    <body>
    [/LIST]
                <script type="text/javascript" src="wz_tooltip.js"></script>
       
        <h2>Acrylbilder</h2>
        <div>
      
        <a href="Malerei/Acrylmalerei/album/slides/Eis.jpg"><img src="Malerei/Acrylmalerei/album/thumbs_web/eis.jpg" width="200" height="166" alt=""onmouseover="Tip('zur größeren Ansicht')" onmouseout="UnTip()"/>
          
            </div>
 
M

molebreaker

  1. Code:
    <body>
    [/LIST]
                <script type="text/javascript" src="wz_tooltip.js"></script>
       
        <h2>Acrylbilder</h2>
        <div>
      
        <a href="Malerei/Acrylmalerei/album/slides/Eis.jpg"><img src="Malerei/Acrylmalerei/album/thumbs_web/eis.jpg" width="200" height="166" alt=""onmouseover="Tip('zur größeren Ansicht')" onmouseout="UnTip()"/>
          
            </div>
 
M

molebreaker

Danke für den Hinweis. Beim ersten Bild ist es nun gelungen, leider bei den anderen nicht, obwohl die Veränderung (ich habe den Teil "Überschrift" und "Bildbeschreibung" vor den Link gesetzt) bei allen gleich ist, klappt es nur beim Bild "Eis"
Ich schaue und schaue, der Quelltext ist bei allen gleich und trotzdem ist nur der Effekt des Unterstreichens nicht bei allen. Ich komme einfach nicht drauf.
Code:
<div>
    <h3>Eis</h3>
    <p>Acryl auf Leinwand<br>60 x 50cm</p>
    <a href="Malerei/Acrylmalerei/album/slides/Eis.jpg"><img src="Malerei/Acrylmalerei/album/thumbs_web/eis.jpg" width="200" height="166" alt=""onmouseover="Tip('zur größeren Ansicht')" onmouseout="UnTip()"/>
    </div>
  
    <div>
    <h3>Durch den Wald</h3>
    <p>Acryl auf Leinwand<br>60 x 50cm</p>      
    <a href="Malerei/Acrylmalerei/album/slides/Durch den Wald.jpg"><img src="Malerei/Acrylmalerei/album/thumbs_web/durch_den_wald.jpg" width="200" height="166" alt=""onmouseover="Tip('zur größeren Ansicht')" onmouseout="UnTip()"/>
    </div>
Code:
 
M

molebreaker

Nun habe ich da noch ein anderes toolkit script, ich habe es hier https://www.w3schools.com/css/css_tooltip.asp gefunden. Es gefällt mir besser, da der tooltip auffälliger ist. Leider habe ich da wieder das Problem, dass der Tooltip schon erscheint, wenn man in die Nähe des Bildes kommt. Da hilft mein Vorgehen, den Titel und den Bildtext oberhalb des Links zu schreiben, diesmal nicht
eingebunden habe ich es so:
Code:
<body style="text-align:center;">
    
    <h2>Acrylbilder</h2>
   
            <div class="tooltip"><p><a href="Malerei/Acrylmalerei/album/slides/Eis.jpg"></p><img src="Malerei/Acrylmalerei/album/thumbs_web/eis.jpg" width="200" height="166" alt=""onmouseover="Tip('zur größeren Ansicht')" onmouseout="UnTip()"/>
       <span class="tooltiptext">zur größeren Ansicht</span>
 
Zuletzt bearbeitet:
krgewb

krgewb

Jetzt fehlt ja wieder das schließende a-Tag!

Der Fehler liegt aber an dem p-Tag. Hier brauchst du kein p.
 
M

molebreaker

Vielen Dank krgewb, immer der fehlende a-Tag:oops:
Warum brauche ich kein p? Steht doch in der Dokumentation.
 
M

molebreaker

Noch ein Schönheitsfehler, dessen Ursache ich nicht finde: Nach jedem Bild geht eine waagrechte Linie über die Seite.trennung.PNG
 
Thema: 

Was muß anstatt von 'homepage' eingefügt werden?

Passende Stellenanzeigen aus deiner Region:
Anzeige

Neue Themen

Anzeige

Anzeige
Oben