rauchi: Verweis-sensitive Grafiken - Text wird im FFox abgeschnitten

Beitrag lesen

SELF-Forum

Verweis-sensitive Grafiken - Text wird im FFox abgeschnitten

rauchi
– Informationen zu den Bewertungsregeln

Sehr witzig... Also gibt es keine Lösung. Schade

doch siehste beispiel hier, kannst natürlich auch etwas umschreiben, dass es dir direkt dass title attribut hernimmt (über JS) aber diese lösung ist nicht so schlecht.

<html>  
<head>  
<style type="text/css">  
 [code lang=css].tooltip {  
   position: absolute;  
   display: none;  
   font:10px Verdana;  
   font-style:normal;  
   color: #000000;  
   padding:2px 2px 2px 2px;  
   background-color:#ffffe1;  
   border:1px solid #000000;  
   width:250px;  
 }

</style>
<script language="JavaScript" type="text/javascript">

// JavaScript Document  
var xFromMouse = 10;  
var yFromMouse = 10;  
  
tip = null;  
  
function showTip(id) {  
 tip = document.getElementById(id);  
 tip.style.display = "block";  
}  
  
  
function hideTip() {  
 tip.style.display = "none";  
}  
  
function moveTip(e) {  
 x = (document.all) ? window.event.x + document.body.scrollLeft : e.pageX;  
 y = (document.all) ? window.event.y + document.body.scrollTop : e.pageY;  
    if (tip != null) {  
  tip.style.left = (x + xFromMouse) + "px";  
  tip.style.top  = (y + yFromMouse) + "px";  
    }  
}  
  
document.onmousemove = moveTip;

</script>
</head>
<body>
<div>
<img src="Winter.jpg" onMouseOver="showTip('imgTT1');" onMouseOut="hideTip();" />
</div>
<div id="imgTT1" class="tooltip">
Lorem ipsum dolor sit amet, consectetuer sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet
</div>
</body>
</html>[/code]

Beitrag melden
–
Informationen zu den Bewertungsregeln