Suche im Forum:
Suchen


Autor Nachricht
Beitrag30.08.2010 um 19:24 (UTC)    
Titel: Bild verlinken geht nicht.....wieso?

Hallo,

ich habe ein Problem, wenn ich auf einer der
Bilder klicke, erscheint eine Sprechblase was
auch richtig ist. Nur ich will die Bilder noch
Verlinken, doch das geht iwie nicht.

Kann mir jemand weiter helfen?

Code:
<script type="text/javascript">
function anzeigen(das){
 if(document.getElementById(das).style.display=="none") {
  document.getElementById(das).style.display="inline";
 }
 else {
  document.getElementById(das).style.display="none";
 }
}
</script>
     
     <style type="text/css">
.bereich {
 position: absolute;
}

.beschreibung {
 color: #000000;
 background-image: url(http://www.homepage-total.de/javascript/ausruf.gif);
 background-repeat: no-repeat;
 width: 171px;
 height: 110px;
 position: relative;
 left: -25px;
 display: block;
 padding-top: 5px;
 padding-left: 25px;
 padding-right: 5px;
}
</style>
     
     
     
     
     <!-- Erstes Bild -->
     <img alt="" onMouseover="anzeigen('text1');" onMouseOut="anzeigen('text1');" src="http://img.webme.com/pic/z/zwobot/frtt.jpg" />
     <span class="bereich" style="display: none;" id="text1">
<div class="beschreibung">Alles was man f&uuml;r seine Homepage braucht findest <br />
du hier<br />
&nbsp;</div>
</span>
   
     
   
    <!-- Zweites Bild -->
 <img alt="" onMouseover="anzeigen('text2');" onMouseOut="anzeigen('text2');" src="http://img.webme.com/pic/z/zwobot/frt.jpg" />
     <span class="bereich" style="display: none;" id="text2">
<div class="beschreibung">Alles was man f&uuml;r seine Homepage braucht findest <br />
du hier<br />
&nbsp;</div>
</span>




Mir kann woll keiner Helfen, SCHADE


Zuletzt bearbeitet von zwobot am 31.08.2010, 16:32, insgesamt 2-mal bearbeitet
Beitrag01.09.2010 um 06:05 (UTC)    
Titel:

Hey,

Versuch es mal hiermit! Very Happy

Zitat:
<script type="text/javascript">
function anzeigen(das){
if(document.getElementById(das).style.display=="none") {
document.getElementById(das).style.display="inline";
}
else {
document.getElementById(das).style.display="none";
}
}
</script>
<style type="text/css">
.bereich {
position: absolute;
}

.beschreibung {
color: #000000;
background-image: url(http://www.homepage-total.de/javascript/ausruf.gif);
background-repeat: none;
width: 171px;
height: 110px;
position: relative;
left: -25px;
display: block;
padding-top: 5px;
padding-left: 25px;
padding-right: 5px;
}
</style>

<!-- Erstes Bild -->
<a href="http://www.URL.de">
<img alt="" onMouseover="anzeigen('text1');" onMouseOut="anzeigen('text1');" src="http://img.webme.com/pic/z/zwobot/frtt.jpg"></a>
<span class="bereich" style="display: none;" id="text1">
<div class="beschreibung">Alles was man f&uuml;r seine Homepage braucht findest <br>
du hier<br> &nbsp;</div> </span>

<!-- Zweites Bild -->
<a href="http://www.URL.de">
<img alt="" onMouseover="anzeigen('text2');" onMouseOut="anzeigen('text2');" src="http://img.webme.com/pic/z/zwobot/frt.jpg"> </a>
<span class="bereich" style="display: none;" id="text2">
<div class="beschreibung">Alles was man f&uuml;r seine Homepage braucht findest <br>
du hier<br> &nbsp;</div> </span>


in das rot markierte fügst du dein Link ein Wink

Mfg Yevgen
______________
.:!!! Denk Immer Positiv !!!:.
Beitrag02.09.2010 um 00:05 (UTC)    
Titel:

Hallo stabest,

ich hab mal deinen code ein bischen verbessert,
was ich verbesser habe, also ich habe border="0" bei
<img...../> eingefügt, was das jetzt mach es lest denn blauen rahmen um die bilder verschwinden, das sieht dann am ende einfach besser aus Smile

Zitat:
<script type="text/javascript">
function anzeigen(das){
if(document.getElementById(das).style.display=="none") {
document.getElementById(das).style.display="inline";
}
else {
document.getElementById(das).style.display="none";
}
}
</script>
<style type="text/css">
.bereich {
position: absolute;
}

.beschreibung {
color: #000000;
background-image: url(http://www.homepage-total.de/javascript/ausruf.gif);
background-repeat: none;
width: 171px;
height: 110px;
position: relative;
left: -25px;
display: block;
padding-top: 5px;
padding-left: 25px;
padding-right: 5px;
}
</style>

<!-- Erstes Bild -->
<a href="http://www.URL.de">
<img border="0" alt="" onMouseover="anzeigen('text1');" onMouseOut="anzeigen('text1');" src="http://img.webme.com/pic/z/zwobot/frtt.jpg"></a>
<span class="bereich" style="display: none;" id="text1">
<div class="beschreibung">Alles was man f&uuml;r seine Homepage braucht findest <br>
du hier<br> &nbsp;</div> </span>

<!-- Zweites Bild -->
<a href="http://www.URL.de">
<img border="0" alt="" onMouseover="anzeigen('text2');" onMouseOut="anzeigen('text2');" src="http://img.webme.com/pic/z/zwobot/frt.jpg"> </a>
<span class="bereich" style="display: none;" id="text2">
<div class="beschreibung">Alles was man f&uuml;r seine Homepage braucht findest <br>
du hier<br> &nbsp;</div> </span>



MFG NeNeGames
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de