Hallo !
Ich kann selbst kein HTML schreiben, ich schnippsel mir das immer zusammen und google ein wenig nur hier hat mir google nicht weiter geholfen da ich immer auf Java oder CSS weiter geleitet werde. Mein Problem ist Folgendes. Die beiden Bilder mit Hover werden mit Höhe und Links definiert da den Höhen/Links abstand an einem 1920x1080px 16:9 gerät abgemessen wurde sieht das ganze auf 4:3 geräten bzw Smartphones bescheiden aus, ich habe es jetzt schon hinbekommen das der Hintergrund nicht mehr Mitskaliert indem ich die größe auf 100% und nicht mehr auf 1920 x 1080 gesetzt habe aber die bilder bekomme ich nicht positioniert ich habe bei Position: z.B schon fixed ausprobiert aber das ändert auch nichts daran. Kann man die bilder denn noch anders Positionieren ausser mit dem abstand ?
<!doctype html><html>
<head>
<meta charset="utf-8">
<title>Exhausting / Enterpage</title>
<style type="text/css">
</style>
<script type="text/javascript">
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
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_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>
</head>
<body style="background-image:url(Enterpage/bg.jpg); background-repeat:no-repeat;" onLoad="MM_preloadImages('Enterpage/links_hover.jpg','Enterpage/rechts_hover.jpg')">
<div style="position: absolute; width: auto; height: auto;left: 590px; top: 650px;">
<td><a href="/EN/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','Enterpage/links_hover.jpg',1)"><img src="Enterpage/links.jpg" alt="" width="220" height="140" id="Image1"></a> </td>
<div style="position: absolute; width: auto; height: auto;left: 510px; top: 0px;">
<td><a href="/DE/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','Enterpage/rechts_hover.jpg',1)"><img src="Enterpage/rechts.jpg" alt="" width="220" height="140" id="Image2"></a></td>
</body>
</html>