Wat in code aanpassen zodat de pagina in andere resoluties past.

Status
Niet open voor verdere reacties.
psychokai

psychokai

Gebruiker
Lid geworden
16 nov 2005
Berichten
179
Ik moet echt snel dreamweaver leren maar tot die tijd heb ik even een vraagje.

Heb even op een subdomain iets gemaakt in photoshop, nu heb ik de image in wyiwyg geimporteerd en de instelling daar stond op 1024x768.

ik zelf draai op 1280x1024 en ik zie dit www.rebel.studio2punt0.nl prima maar als ik em bekijk op 1024x768 bijv dan krijg ik scrolls en dergelijke.

Wat moet ik in de volgende code aanpassen zodat ie zich op iedere resolutie aanpast?
HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>REBEL'S HOUSE OF ART -  Created by Kai aka Rebel - powered by Studio2.0</title>
<meta name="author" content="Kai aka Rebel">
<meta name="keywords" content="art rebel tattoo tattoos piercing piercings photoshop">
<meta name="description" content="art rebel tattoo tattoos piercing piercings photoshop">
<meta name="generator" content="REBEL'S HOUSE OF ART -  Created by Kai aka Rebel - powered by Studio2.0">
</head>
<body bgcolor="#7F7F7F" text="#000000">
<div id="wb_Html1" style="position:absolute;left:1033px;top:752px;width:49px;height:59px;z-index:0" align="left">
<!-- counter -->
<!--ONESTAT SCRIPTCODE START-->
<!--
// Modification of this code is not allowed and will permanently disable your account!
// Account ID : 498051
// Website URL: http://www.rebel.studio2punt0.nl
// Copyright (C) 2002-2007 OneStat.com All Rights Reserved
-->
<div id="OneStatTag"><table border='0' cellpadding='0' cellspacing='0'><tr><td align='center'>

<script type="text/javascript">
<!--
function OneStat_Pageview()
{
    var d=document;
    var sid="498051";
    var CONTENTSECTION="";
    var osp_ACTION="";
    var osp_TRANSACTION="";
    var osp_AMOUNT="";
    var osp_PRODUCTCODE="";
    var osp_PRODUCTGROUP="";
    var osp_ADCAMPAIGN="";
    var osp_CUSTOMER="";
    var osp_CUST0 = "";
    var osp_CUST1 = "";
    var osp_CUST2 = "";
    var osp_CUST3 = "";
    var osp_CUST10 = "";
    var osp_CUST11 = "";
    var osp_URL=d.URL;
    var osp_Title=d.title;
    var t=new Date();
    var p="http"+(d.URL.indexOf('https:')==0?'s':'')+"://stat.onestat.com/stat.aspx?tagver=2&sid="+sid;
    p+="&url="+escape(osp_URL);
    p+="&ti="+escape(osp_Title);
    p+="&section="+escape(CONTENTSECTION);
    p+="&cma="+escape(osp_ACTION);
    p+="&cmt="+escape(osp_TRANSACTION);
    p+="&cmm="+escape(osp_AMOUNT);
    p+="&cmp="+escape(osp_PRODUCTCODE);
    p+="&cmg="+escape(osp_PRODUCTGROUP);
    p+="&cmad="+escape(osp_ADCAMPAIGN);
    p+="&cmc="+escape(osp_CUSTOMER);
    p+="&cu0="+escape(osp_CUST0);
    p+="&cu1="+escape(osp_CUST1);
    p+="&cu2="+escape(osp_CUST2);
    p+="&cu3="+escape(osp_CUST3);
    p+="&cu10="+escape(osp_CUST10);
    p+="&cu11="+escape(osp_CUST11);
    p+="&rf="+escape(parent==self?document.referrer:top.document.referrer);
    p+="&tz="+escape(t.getTimezoneOffset());
    p+="&ch="+escape(t.getHours());
    p+="&js=1";
    p+="&ul="+escape(navigator.appName=="Netscape"?navigator.language:navigator.userLanguage);
    if(typeof(screen)=="object"){
       p+="&sr="+screen.width+"x"+screen.height;p+="&cd="+screen.colorDepth;
       p+="&jo="+(navigator.javaEnabled()?"Yes":"No");
    }
    d.write('<a href="http://www.onestat.com/aspx/login.aspx?sid='+sid+'" target=_blank><img id="ONESTAT_TAG" border="0" src="'+p+'" alt="This site tracked by OneStat.com. Get your own free site tracker."></'+'a>');
}

OneStat_Pageview();
//-->
</script>
<noscript>
<a href="http://www.onestat.com"><img border="0" src="http://stat.onestat.com/stat.aspx?tagver=2&amp;sid=498051&amp;js=No&amp;" ALT="web traffic"></a>
</noscript>
</td></tr><tr><td align='center'><div style="COLOR:black;display:none;FONT-FAMILY:'Verdana';"><a href="http://www.onestat.com" style="text-decoration:none;">web traffic</a><br></div></td></tr></table></div>
<!--ONESTAT SCRIPTCODE END-->
</div>
<div id="wb_Image1" style="overflow:hidden;position:absolute;left:129px;top:51px;z-index:1" align="left">
<img src="images/UNDER CONSTRUCTION.png" id="Image1" alt="" align="top" border="0" style="width:1000px;height:700px;"></div>
</body>
</html>

Ik weet dat er soortgelijke vragen al zijn maar kon daar me antwoord nog niet echt uithalen.

:thumb:
 
Onderaan staat deze code:

style="width:1000px;height:700px;"

Deze moet je gewoon ietjes kleiner maken, bijvoorbeeld width: 980px;
Als het goed is is dan je probleem opgelost, en zijn de scrollbars weg..
 
Ik heb em aangepast en is gekeken, maar krijg nog steeds scrollbalken en groot beeld.

Kunnen bepaalde lcd's 1024x768 anders weergeven dan normaal of is het altijd hetzelfde?
 
Hoi,

Je moet overal in je code dan 40 pixels ofzo weghalen (zo verklein je alles een beetje).
Verklein ook even je je under construction plaatje ietsjes met bijvoorbeeld 40 pixels.

Vroeg of laat past het in een 1024px scherm, en werkt het. Het maakt niet uit wat voor LCD scherm je gebruikt, 1024 = 1024.
 
Ok bedankt, heb toch maar besloten om van het hele wysiwyg af te stappen en me op dreamweaver te focussen, ga een soort gelijke vraag posten in dreamweaver, met een paar andere vragen
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan