nimm diese height="500" aus den Tabellen raus.
Beiträge von jojo87
-
-
-
Du sollst das angegebene Verzeichnis erstellen
-
-
-
Wow, jemand, der seine Threadtitel editiert *Lob*!
Um solche Fehler selbst zu entdecken, nutze am besten den html-validator des w3c: http://validator.w3.org/ -
Hast du dir denn ne Domain gekauft?
Soweit ichs bisher gesehen hab, gibts nur bei gekauften Domains Mailadressen dazu. -
-
nimm mal 100% als width-wert
-
vielleicht, weil beim zweiten table das '>' fehlt
-
Doch, kannst du per css steuern.
Große Grafiken kannst du auf Handy-Displays vergessen, von daher per css display:none; setzen -
Ganz ehrlich, ich habe kein Wort verstanden.
-
Wenn du ein css basiertes Layout verwendest, dann nutze doch die css-selektoren.
Du kannst so über das Attribut media verschiedene css-dateien für unterschiedliche Medien angeben, z.B. -
Also allmählich.......
JELLICOE, Eine DYNAMISCHE Anpassung deiner Bilder geht nur mit Prozentwerten, was, wie schon gesagt, deine Bilder nur verzerrt/quetscht.
Was ich dir angeboten habe, ist ein FESTES Layout, mit Pixelgenauer Abmessung. Damit erreichst du, dass dein Layout auf allen Bildschirmen eine von dir festgelegte Größe hat. Immer die Gleiche. Jemand mit großer Auflösung hat dann Ränder an den Seiten, dafür muss niemand scrollen.
Dazu musst da aber auch, wie bereits erwähnt, deine Bilder VON HAND auf diese Größen anpassen, und nicht per html. Dann noch alle height="" Angaben (außer die im css) raus und gut is.
Nochmal: DAS IST NICHTS DYNAMISCHES. -
-
so:
HTML
Alles anzeigen<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Unbenanntes Dokument</title> <style type="text/css" media="screen"> #root { position:absolute; width: 900px; height: 600px; margin-left: -250px; left: 25%; } </style> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <script language="JavaScript" 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 bgcolor="a38359" text="#FFFFFF" link="#FFFFFF" vlink="#999999" alink="#FFFFFF" onLoad="MM_preloadImages('pixara.de/layout/index10%20rollover.jpg')"> <div id="root"> <div align="center"> <table width="73%" height="70%" border="0" align="center" cellpadding="0" cellspacing="0" id="index"> <tr> <td width="300" height="200">[img]pixara.de/layout/index1.jpg[/img]</td> <td width="300" height="200">[img]pixara.de/layout/index2.jpg[/img]</td> <td width="300" height="200">[img]pixara.de/layout/index3.jpg[/img]</td> </tr> <tr> <td width="300" height="200">[img]pixara.de/layout/index4.jpg[/img]</td> <td width="300" height="200">[img]pixara.de/layout/index5.jpg[/img]</td> <td width="300" height="200">[img]pixara.de/layout/index6.jpg[/img]</td> </tr> <tr> <td height="200" colspan="2"><div align="center"> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="600" height="200"> <param name="movie" value="pixara.de/sound/index.swf"> <param name="quality" value="high"><param name="LOOP" value="false"> <embed src="pixara.de/sound/index.swf" width="600" height="200" loop="false" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed></object> </div></td> <td width="300" height="200">[url='start.htm'][img]pixara.de/layout/index9%20rollover.jpg[/img][/url]</td> </tr> </table> </div> </div> </body> </html> -
Das div namens "root" definiert dir einen Kasten, der die Größe 900x600 hat.
Wenn du jetzt deinen Seitencode da rein packst, also zwischen
<div id="root">
Hier dein code
</div>
dann ist deine Seite bei jeder Auflösung Mittig platziert und 900x600 groß.
Jetzt klar? -
-
Nun ja, da du mit Dreamweaver arbeitest, gehe ich davon aus, dass du nicht selbst coden kannst. Um bei jedem Bildschirm die gleiche Darstellung zu erreichen, musst du ein pixelgenaues, absolut positioniertes Layout mit divs/tabellen machen, was Dreamwaver glaub ich nicht anbietet.
Du kannst ja mal probieren, um deine Seite einen div zu legen und den wie folgt auszurichten:
dazu noch in den <head> der Seite dies hier:Code<style type="text/css" media="screen"> #root { position:absolute; width: 1000px; height: 700px; margin-left: -500px; left: 50%; } </style>
Dazu musst du aber auch deine Flash-Sachen etc. auf diese Göße skalieren.
Damit erreichst du, dass deine Seite die angegebene Größe hat und immer in der Mitte ist.
Das ist zwar nicht ganz das, was du willst, aber eine dynamische Größe bei einer komplett aus Bildern und Flash bestehenden Seite ist auch nicht wirklich möglich, da du damit nur eine Verzerrung/Quetschung deiner Bilder erreichst und das Layout zerstörtst. -
Das wisrt du mit Dreamweaver leider nicht hinbekommen, denk ich.
Dazu musst du deine Seite von Hand schreiben.