Text-Marke zwischen zwei Grafiken - warum?

homosuiiuris

Grünschnabel
Guten Tag, miteinander.

Folgende Seite habe ich mir zusammengebastelt und sie funktioniert im Grunde auch - jetzt das Lieblings-Wort: aber zwischen den scroll-GIFs und den blank-GIFs wechselt der Mauszeiger auf den Cursor, wie er bei Texten angezeigt wird. Wohlgemerkt im IE, nicht in Opera; andere Browser konnte ich noch nicht probieren.
Weil soviel Scriptwerk die Seite bereichert, denke ich, dass ich dort den Fehler gemacht haben dürfte und frage folglich hier. Weiß jemand Rat?

Beste Grüße und ebensolchen Dank aus dem Bergischen Land sendet Stephen-Eric!

Code:
<!doctype html public "-//w3c//dtd html 4.01 transitional//en">
<html>
 <head>
  <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
  <title>|&nbsp;&nbsp;&nbsp;iframe~probation&nbsp;&nbsp;&nbsp;|</title>
  <style type=text/css> body {scrollbar-track-color:#0c0b0a; scrollbar-base-color:#0c0b0a; scrollbar-face-color:#0c0b0a; scrollbar-highlight-color:#0c0b0a; scrollbar-3d-light-color:#0c0b0a; scrollbar-shadow-color:#0c0b0a; scrollbar-darkshadow-color:#0c0b0a; scrollbar-arrow-color:#aaab9e} </style>

<script language="javascript">
window.opener=top;
</script>

<script language="javascript">
<!--
speed=1;
var dir;
x=false;
function bewegen(e,d)
{
if(d){if(e<0){dir=false;return;}dir=new Array(0,0);dir[e]=d*speed;}
if(e&&e<0){dir=false;}
if(!dir){return;}
window.seite.scrollBy(dir[0],dir[1]);
setTimeout("bewegen()",10);
}
//-->
</script>

 </head>
 <body bgcolor="#0c0b0a">
  <table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
   <colgroup> 
    <col width="220">
    <col width="*">
    <col width="50"> 
   </colgroup> 
   <tr>
    <td align="left" valign="middle">
     <div>
      <img src="text1a.gif" border="0" width="200" height="200" onmouseover="this.src='text1b.gif';" onmouseout="this.src='text1a.gif';"> </a>
      <br>
      <a onfocus="this.blur()" href="mailto:email@adress.net?subject=xxx"> <img src="text2a.gif" border="0" width="200" height="180" onmouseover="this.src='text2b.gif';" onmouseout="this.src='text2a.gif';"> </a>
      <br>
      <img src="text1b.gif" border="0" width="1" height="1">
      <img src="text2b.gif" border="0" width="1" height="1">
     </div>
    </td>
    <td align="center" valign="middle">
     <iframe src="seite.html" name="seite" width="100%" height="350" border="0" align="center" valign=middle" scrolling="no" marginheight="0" marginwidth="0">
     </iframe>
     <br>
     <br>
     <br>
     <div align="left">
      <img src="blank.gif" border="0" width="69" height="25">
      <img src="scroll-l.gif" border="0" width="25" height="25" onmouseover="bewegen(0,-1)" onmouseout="bewegen(-1)">
      <img src="blank.gif" border="0" width="69" height="25">
      <img src="scroll-r.gif" border="0" width="25" height="25" onmouseover="bewegen(0,1)" onmouseout="bewegen(-1)">
     </div>
    </td>
    <td align="right" valign="top">
     <img src="beenden.gif" border="0" widht="29" height="37" onclick="self.close()">
    </td>
   </tr> 
  </table>
 </body>
</html>
 
Hi,

wenn Du meinst, was ich denke, das Du meinst:

schreib die img-Tags in eine Zeile oder füge Deiner CSS-Klasse folgendes Attribut hinzu:
HTML:
cursor: default;
Den Typ des Stils solltest Du übrigens in Anführungsstriche setzen:
HTML:
<style type="text/css">

Gruß

.
 
Danke für die prompte Antwort (die Anführungszeichen sind korrigiert), doch leider hat sie nicht geholfen.

Scheinbar habe ich den Bereich zwischen diesen vier Grafiken als Text definiert, ohne zu wissen, wodurch. Um mich nochmal ganz klar auszudrücken: der Mauszeiger wechselt vom Pfeil - wie hier neben dem Eingabe-Feld - zum Zeichen für Textauswahl, so, als würde ich über den Text fahren.
Es beeinträchtigt nicht die Funktion, aber es sieht auf der Seite nicht schön aus und mich wurmt, dass das Ding etwas tut, was ich nicht begründen kann.
-
Zwangsneurose?

Gruß und allseits gute Nacht!
 

Neue Beiträge

Zurück