Hallo,

ich habe mir in Html mit einem Java-script eine kleine Galerie zusammengebastelt.
Die funktioniert so ganz wunderbar,
aber wenn ich sie in meine Joomla-Website einsetzen will,
funktioniert das Mouseover nicht und die Galerie ignoriert meinen restlichen Seitenaufbau
und setzt sich links oben in der Ecke fest

Hier die Galerie in einer Joomla-Site http://holzkontor.info/index.php?opt...d=14&Itemid=36

wenn man über die Namen fährt müsste eigentlich das Bild wechseln
und darunter ein neuer text erscheinen

und hier meinen Code

<body>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_showHideLayers() { //v6.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible'v=='hide')?'hidden':v; }
obj.visibility=v; }
}
//-->
</script>


<table width="619" height="478" border="0">
<tr>
<td width="569"><div id="Tabelle" style="position:absolute; width:200px; height:115px; z-index:2; top: 99px; left: 10px;">
<div id="Zimmermann" style="position:absolute; width:234px; height:326px; z-index:3; left: 305px; top: 3px; visibility: hidden;">
<p align="center">[img]portrait_female.jpg[/img]</p>
<table width="226" border="0">
<tr>
<td>Friederike Zimmermann </td>
</tr>
<tr>
<td>Azubi Mediengestalter </td>
</tr>
<tr>
<td>Email: F.Zimmermann@info.com </td>
</tr>
<tr>
<td>Tel.:05531-00000</td>
</tr>
</table>


</p>
</div>
<table width="603" height="412" border="0">
<tr>
<td width="597" height="408"><div id="lettke" style="position:absolute; width:234px; height:326px; z-index:7; left: 305px; top: 3px; visibility: hidden;">
<p align="center">[img]portrait_female.jpg[/img]</p>
<table width="226" border="0">
<tr>
<td>Angelique Lind</td>
</tr>
<tr>
<td>Azubi B&uuml;rokauffrau </td>
</tr>
<tr>
<td>Email: A.Lind@info.com</td>
</tr>
<tr>
<td>Tel.:05531-0000</td>
</tr>
</table>


</p>
</div>
<div id="Team" style="position:absolute; width:234px; height:326px; z-index:13; left: 305px; top: 3px; visibility: visible;">
<p align="center">[img]teamfoto.jpg[/img]</p>
<table width="226" border="0">
<tr>
<td>Unser Team 2007 </td>
</tr>
<tr>
<td>Eine gesunde Mischung aus langj&auml;hriger Erfahrung und junger Dynamik . </td>
</tr>
</table>
</div>
<div id="koch" style="position:absolute; width:234px; height:326px; z-index:6; left: 305px; top: 3px; visibility: hidden;">
<p align="center">[img]portrait_female.jpg[/img]</p>
<table width="226" border="0">
<tr>
<td>Vanessa Kahn</td>
</tr>
<tr>
<td>Azubi B&uuml;rokauffrau </td>
</tr>
<tr>
<td>Email: V.Kahn@info.com </td>
</tr>
<tr>
<td>Tel.:05531- 0000 </td>
</tr>
</table>


</p>
</div>
<div id="namensliste" style="position:absolute; width:247px; height:329px; z-index:14; left: 20px; top: 1px; visibility: visible;">
<p align="left">Office/B&uuml;rokommunikation

A.Lind <br/ >
V.Kahn
<p align="left">Webdesign/Gestaltung

F.Zimmermann
</div></td>
</tr>
</table>
</div></td>
</tr>
</table>


</p>
</body>
</html>
Ich hab leider keine Ahnung wie ich das ändern kann,
jmd meinte ich solle die galerie als extra-frame markieren
damit sich die mouseover-effekte von der galerie und dem Menü nich beißen
aber irgendwie..krieg ich das nich hin..

Weiß jemand Rat?
Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!