html problem mit rollover

Conti_GER · 25. Januar 2009

nabend,

so ich hab meine seite jetzt fast fertig und habe die rollovers vor einer woche schonmal getestet im IE7, Firefox3 und Firefx 3.1 Beta2 und sie funktionierten. seit dem hab ich weder an der navigation, noch an der .css was gemacht und als ich das heute getestet hab gings auf einmal nur noch im firefox und die grafiken wurden im IE nicht mal mehr angezeigt. vllt. kann mir hier einer helfen es ist sehr dringend.

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>

<head>
    <title>navi</title>
    <link href="rollover.css" type="text/css" rel="stylesheet" />
    
    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
    <meta name="generator" content="Webocton - Scriptly (www.scriptly.de)" />

</head>

<body bgcolor="#0F1C29">
<br /><br /><br />
<table border="0" cellpadding="2" cellspacing="2" summary="" width="200">
    <tr>
        <td>
        <div id="arbeitsspeicher">
        <a href="arbeitsspeicher.htm" target="main"></a>
        </div> 
        </td>
    </tr>
    <tr>
        <td>
        <div id="prozessor">
        <a href="prozessor.htm" target="main"></a>
        </div>
        </td>
    </tr>
    <tr>
        <td>
        <div id="grafikkarte">
        <a href="grafikkarte.htm" target="main"></a>
        </div>         
        </td>
    </tr>
    <tr>
        <td>
        <div id="festplatte">
        <a href="festplatte.htm" target="main"></a>
        </div>
        </td>
    </tr>
    <tr>
        <td>
        <div id="laufwerke">
        <a href="laufwerke.htm" target="main"></a>
        </div>
        </td>
    </tr>
    <tr>
        <td>
        <div id="mainboard">
        <a href="mainboard.htm" target="main"></a>
        </div>
        </td>
    </tr>
    <tr>
        <td>
        <div id="netzteil">
        <a href="Netzteil.htm" target="main"></a>
        </div>
        </td>
    </tr>
</table>
  
</body>
</html>

HTML:

#arbeitsspeicher a {
	height: 24px;
	width: 130px;
	display: table-cell;
	background: url("../buttons/Arbeitsspeicher.png") 0px 0px no-repeat;
	}

#arbeitsspeicher a:hover {	
	background-position: 0px -24px;
	}


#prozessor a {
	height: 24px;
	width: 130px;
	display: table-cell;
	background: url("../buttons/Prozessor.png") 0px 0px no-repeat;
	}

#prozessor a:hover {
	background-position: 0px -24px;
	}


#grafikkarte a {
	height: 24px;
	width: 130px;
	display: table-cell;
	background: url("../buttons/Grafikkarte.png") 0px 0px no-repeat;
	}

#grafikkarte a:hover {
	background-position: 0px -24px;
	}


#festplatte a {
	height: 24px;
	width: 130px;
	display: table-cell;
	background: url("../buttons/festplatte.png") 0px 0px no-repeat;
	}

#festplatte a:hover {
	background-position: 0px -24px;
	}


#laufwerke a {
	height: 24px;
	width: 130px;
	display: table-cell;
	background: url("../buttons/Laufwerke.png") 0px 0px no-repeat;
	}

#laufwerke a:hover {
	background-position: 0px -24px;
	}


#mainboard a {
	height: 24px;
	width: 130px;
	display: table-cell;
	background: url("../buttons/Mainboard.png") 0px 0px no-repeat;
	}

#mainboard a:hover {
	background-position: 0px -24px;
	}


#netzteil a {
	height: 24px;
	width: 130px;
	display: table-cell;
	background: url("../buttons/Netzteil.png") 0px 0px no-repeat;
	}

#netzteil a:hover {
	background-position: 0px -24px;
	}

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
    <title></title>

    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
    <meta name="generator" content="Webocton - Scriptly (www.scriptly.de)" />

</head>
<frameset rows="150,*" framespacing="0" border="0" frameborder="0">
  <frameset cols="150,*">
   <frame src="frames/oben links.htm" name="oben links" scrolling="no">
   <frame src="frames/oben rechts.htm" name="oben rechts" scrolling="no">
   <noframes>geht nix</noframes>

  </frameset>
  <frameset cols="150,*">
   <frame src="frames/navi.htm" name="navi" scrolling="no">
   <frame src="frames/main.htm" name="main" scrolling="yes">
   <noframes>geht nix</noframes>

   </frameset>
</frameset>
</html>

Mr. Snoot · 25. Januar 2009

Hü,

ist die Seite irgendwo online?

Wenns bisher ging, und du nichts geändert hast, kann ja nicht viel falsch sein. Evtl. mal den Cache vom IE leeren.

Metzlor · 25. Januar 2009

weiß jetzt nicht wo das Scrollen eingebaut werden soll
im css file

overflow: scroll;

einbauen.

Conti_GER · 25. Januar 2009

hat sonst keiner ne idee?
@ Metzlor: ich versteh grad nich was du meinst...

Suche

html problem mit rollover

Conti_GER

Cadet 2nd Year

Mr. Snoot

Gast

Metzlor

Lt. Commander

Conti_GER

Cadet 2nd Year

Ähnliche Themen