*kram*
Ist zwar keine Frage zu Firefox direkt, aber da hier anscheinend die html/php/java_script/whatever-Könner reinschaun:
Wie ihr vielleicht wisst, administriere ich
unsere Abi-Homepage.
Das klappt bisher auch ganz gut (dafür, dass ich noch nie ernsthaft ne Website erstellt hatte) nur stellt mich das realisieren von Rollovers in der Navbar vor Probleme:
Hier ist die
Testseite.
Geplant ist, dass einfach bei jedem Menüpunkt ein Rollover-Bild kommt sobald man mit der Maus darüber fährt.
Verzeichnis der Bild ist /images, alle Bilder fangen mit "design_02" an, dann der spezifische Name, dann .gif.
Die Rollover Bilder liegen im selben Verzeichnis und haben den jeweils selben Namen nur am Ende noch ein "_o" vor dem .gif.
Kann ja kein Javascript, aber der Code ist von der Website von nem Kumpel und müsste eigentlich stimmen.
PHP:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<style type="text/css">
{ media="all" }
h1 { color:#262626;
font-weight:light;
font-size:20px;
font-style: Times-Roman;
border-width: 5px;
border-style: solid;
border-color: #BA0000; }
h2 { color:#262626;
font-weight:light;
font-size:24px;
font-style: Times-Roman;
border-width: 3px;
border-style: solid;
border-color: #B83434; }
#content {}
body { background-image:url(images/bg1.gif); margin-left:auto; margin-right:auto; }
a:link { color:#000000; }
a:visited { color:#2E2E2E; }
a:active { color:#2E2E2E; }
p,ul, {vertical-align:top;
margin-left:0px;
font-family:Helvetica,Arial,sans-serif;
letter-spacing:0.1px;
word-spacing:0.3px; }
li { list-style:square;
margin-left:30px;
font-family:Helvetica,Arial,sans-serif;
letter-spacing:0.1px;
word-spacing:0.3px; }
</style>
<title>Abi 2007 - JSG Karlstadt - K12</title>
<meta name="Schuck" content="Website der K12">
</head>
<body>
<script language="JavaScript" type="text/javascript">
<!--
function roll_in(thename) {
if (document.images) document.images[thename].src= 'images/design02_'+thename+'_o.gif';
}
function roll_out(thename) {
if (document.images) document.images[thename].src= 'images/design02_'+thename+'.gif';
}
//-->
</script>
<table border="0" cellspacing="0" cellpadding="0">
<tr><th colspan="2"><a href="index.php"><img src="images/design2_02.gif" border="0" alt="header"></a></th>
<tr>
<td valign="top">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td><img src="images/design2_03.gif" alt= "nav-top"></td></tr>
<tr><td><a href="index.php"><img src="images/design2_news.gif" border="0" alt= "nav-news" name="news" title="news" onmouseover="roll_in('news')" onmouseout=" roll_out('news')"></a></td></tr>
<tr><td><img src="images/design2_termine.gif" alt= "nav-termine" name="termine" title="termine" onmouseover="roll_in('termine')" onmouseout=" roll_out('termine')"></td></tr>
<tr><td><a href="4images/index.php" target="_blank" alt="Galerie"><img src="images/design2_galerie.gif" alt= "nav-galerie" border="0" name="galerie" title="galerie" onmouseover="roll_in('galerie')" onmouseout=" roll_out('galerie')"></a></td></tr>
<tr><td><img src="images/design2_downloads.gif" alt= "nav-downloads" name="downloads" title="downloads" onmouseover="roll_in('downloads')" onmouseout=" roll_out('downloads')"></td></tr>
<tr><td><img src="images/design2_gaestebuch.gif" alt= "nav-gaestebuch" name="gaestebuch" title="gaestebuch" onmouseover="roll_in('gaestebuch')" onmouseout=" roll_out('gaestebuch')"></td></tr>
<tr><td><a href="http://www.jsg-abi2007.de/wbblite/index.php" target="_blank"><img src="images/design2_forum.gif" border="0" alt= "nav-forum" name="forum" title="forum" onmouseover="roll_in('forum')" onmouseout=" roll_out('forum')"></a></td></tr>
<tr><td><a href="index-links.php"><img src="images/design2_links.gif" alt= "nav-links" border="0" name="links" title="links" onmouseover="roll_in('links')" onmouseout=" roll_out('links')"></a></td></tr>
<tr><td><img src="images/design2_12.gif" alt= "nav-bottom"></td></tr>
</table>
</td>
<td style="background-image:url(images/content-bg.gif); background-repeat:repeat-y;" width="597">
<table border="0" cellspacing="0" cellpadding="30">
<tr>
<td valign="top" id="content" width="597">
<p><?php
include("webnews/include_this/news.php");
?></p>
</td>
</tr>
</table>
</td>
<tr><td><img src="images/spacer.gif" width="183" height="1" alt=""></td><td><img src="images/design2_13.gif" alt="all-bottom"></td></tr>
</table>
</body>
</html>
Was stimmt da nicht?
mfg
Schuck