Help!! Websitep passend maken voor elk beeldscherm.

karamanstar · 24 sep 2008

Beste leden,

ik gebruik het programma web page maker.

maar heb een probleem , de website past zich niet automatisch aan iedere scherm?
het blijft altijd op 800 bij 600 pixels of nou vanuit laptop bekijk 15inh of thuis 19 inh.

weet iemand hoe ik dit kan oplossen?

hier de hml code.:

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Page-Enter" content="revealTrans(Duration=2,Transition=4)">
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<meta name="generator" content="Web Page Maker">
<meta http-equiv="imagetoolbar" content="no">
welkom

<style type="text/css">
/*----------Text Styles----------*/
.ws6 {font-size: 8px;}
.ws7 {font-size: 9.3px;}
.ws8 {font-size: 11px;}
.ws9 {font-size: 12px;}
.ws10 {font-size: 13px;}
.ws11 {font-size: 15px;}
.ws12 {font-size: 16px;}
.ws14 {font-size: 19px;}
.ws16 {font-size: 21px;}
.ws18 {font-size: 24px;}
.ws20 {font-size: 27px;}
.ws22 {font-size: 29px;}
.ws24 {font-size: 32px;}
.ws26 {font-size: 35px;}
.ws28 {font-size: 37px;}
.ws36 {font-size: 48px;}
.ws48 {font-size: 64px;}
.ws72 {font-size: 96px;}
.wpmd {font-size: 13px;font-family: 'Arial';font-style: normal;font-weight: normal;}
/*----------Para Styles----------*/
DIV,UL,OL /* Left */
{
 margin-top: 0px;
 margin-bottom: 0px;
}
</style>

<script src="ac_activex.js" type="text/javascript"></script>


<script language="JavaScript1.4" type="text/javascript">
<!--
function jsPlay(soundobj) {
 var thissound= eval("document."+soundobj);
 try {
     thissound.Play();
 }
 catch (e) {
     thissound.DoPlay();
 }
}
//-->
</script>

<script language="javascript" type="text/javascript">
<!--
function MM_swapImgRestore() {
  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() {
  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) {
  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() {
  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>

<div id="nav10d" style="position:absolute; left:164px; top:174px; z-index:0"><a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('nav10','','images/nav14969840a.gif',1)" href="page2.html"><img name="nav10" onLoad="MM_preloadImages('images/nav14969840a.gif')" alt="" border=0 src="images/nav14969840i.gif"></a></div>
<div id="nav11d" style="position:absolute; left:344px; top:174px; z-index:0"><a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('nav11','','images/nav14969841a.gif',1)" href="page4.html"><img name="nav11" onLoad="MM_preloadImages('images/nav14969841a.gif')" alt="" border=0 src="images/nav14969841i.gif"></a></div>
<div id="nav12d" style="position:absolute; left:524px; top:174px; z-index:0"><a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('nav12','','images/nav14969842a.gif',1)" href="http://www.adventor.nl/Forum.asp?Forum=karamanstar"><img name="nav12" onLoad="MM_preloadImages('images/nav14969842a.gif')" alt="" border=0 src="images/nav14969842i.gif"></a></div>
<div id="nav13d" style="position:absolute; left:704px; top:174px; z-index:0"><a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('nav13','','images/nav14969843a.gif',1)" href="page5.html"><img name="nav13" onLoad="MM_preloadImages('images/nav14969843a.gif')" alt="" border=0 src="images/nav14969843i.gif"></a></div>
<div id="nav14d" style="position:absolute; left:884px; top:174px; z-index:0"><a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('nav14','','images/nav14969844a.gif',1)" href="page6.html"><img name="nav14" onLoad="MM_preloadImages('images/nav14969844a.gif')" alt="" border=0 src="images/nav14969844i.gif"></a></div>

<div id="slideshow1" style="position:absolute; overflow:hidden; left:809px; top:204px; width:370px; height:960px; z-index:1">
<script type="text/javascript">
AC_RunFlashContent('width','370','height','960','quality','high','autoplay','true','loop','true','wmode','opaque','FlashVars','bcastr_xml_url=images/slideshow16593765.xml&AutoPlayTime=3','codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab','pluginspage','http://www.macromedia.com/go/getflashplayer','src','images/bcastr31.swf');
</script>
<noscript>
<object width=370 height=960 classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab">
<param name="movie" value="images/bcastr31.swf">
<param name="quality" value="high">
<param name="loop" value="true">
<param name="wmode" value="opaque">
<param name="autoplay" value="true">
<param name="FlashVars" value="bcastr_xml_url=images/slideshow16593765.xml&AutoPlayTime=3">
<embed src="images/bcastr31.swf" width=370 height=960 quality="high" TYPE="application/x-shockwave-flash" wmode="opaque" FlashVars="bcastr_xml_url=images/slideshow16593765.xml&AutoPlayTime=3" loop="true" autoplay="true" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>
</object>
</noscript>
</div>

Gammort · 24 sep 2008

Je moet dan een liquid website gaan maken, dit houd in dat alles (of bijna alles) uitrekbaar is. Even een kwestie van googlen en je vind zeker een paar goede website met uitleg en/of voorbeelden.

p.s. gebruik de volgende keer CODE of HTML tags om je code in te zetten.

That Guy · 24 sep 2008

ofwel, met procenten werken... Je kan gewoon in css aangeven dat de breedte van een element xx% moet zijn.

:thumb:

karamanstar · 24 sep 2008

Vegras zei:
ofwel, met procenten werken... Je kan gewoon in css aangeven dat de breedte van een element xx% moet zijn.

:thumb:

kun je een voorbeeld geven van het css?
zodat ik het kan doen ?
of bij html code zetten ?

alvast bedankt?

karamanstar · 25 sep 2008

Vegras zei:
ofwel, met procenten werken... Je kan gewoon in css aangeven dat de breedte van een element xx% moet zijn.

:thumb:

hoe geef ik dat aan? kun je van mij htlm code een voorbeeld maken zodat een beetje inzicht erop krijg?

mvg,

That Guy · 25 sep 2008

PHP:

//css voorbeeld procenten

div.vijftig {
width: 50%;
height: 200px;
}

de div met class 'vijftig' zal dan de helft van het scherm vullen als t goed is.

:thumb:

FFOM · 4 okt 2008

Ik heb precies hetzelfde probleem.

Ik werk dan met frondpage dit is de code:

<html>

<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<meta name="GENERATOR" content="Microsoft FrontPage Express 2.0">
<title>Anime Reviews NL!!!</title>
</head>

<frameset rows="40,70*" frameborder="yes" border="1"
framespacing="1">
<frame src="banner.htm" name="topFrame" scrolling="NO"
noresize>
<frameset cols="170,*,620" framespacing="0" frameborder="yes"
border="3">
<frame src="menupagina.htm" name="leftFrame"
scrolling="NO" noresize>
<frame src="main.htm" name="mainFrame">
<frame src="other.htm" name="rightFrame" scrolling="NO"
noresize>
</frameset>
<noframes>
<body bgcolor="#FFFFFF">
</body>
</noframes>
</frameset>
</html>

Hoe krijg ik mijn website passend op elk beeldcsherm? het is erg vervelend dat mensen met een klein beeldscherm bijna niets kunnen zien op mijn website

Hopelijk weet iemand wat ik moet doen.

SvU · 5 okt 2008

Frontpage verwijderen en nooit meer naar kijken, frames vergeten en nooit meer aan denken en moderne technieken hanteren. Oftewel: zelf je HTML schrijven (kan in Dreamweaver) en div's in combinatie met CSS gebruiken.

karamanstar · 6 okt 2008

form
met welke programma werk je ?

en wat is je website?

FFOM zei:
Ik heb precies hetzelfde probleem.

Ik werk dan met frondpage dit is de code:

<html>

<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<meta name="GENERATOR" content="Microsoft FrontPage Express 2.0">
<title>Anime Reviews NL!!!</title>
</head>

<frameset rows="40,70*" frameborder="yes" border="1"
framespacing="1">
<frame src="banner.htm" name="topFrame" scrolling="NO"
noresize>
<frameset cols="170,*,620" framespacing="0" frameborder="yes"
border="3">
<frame src="menupagina.htm" name="leftFrame"
scrolling="NO" noresize>
<frame src="main.htm" name="mainFrame">
<frame src="other.htm" name="rightFrame" scrolling="NO"
noresize>
</frameset>
<noframes>
<body bgcolor="#FFFFFF">
</body>
</noframes>
</frameset>
</html>

Hoe krijg ik mijn website passend op elk beeldcsherm? het is erg vervelend dat mensen met een klein beeldscherm bijna niets kunnen zien op mijn website

Hopelijk weet iemand wat ik moet doen.

peter vazed · 6 okt 2008

FFORM
werk met:
<meta name="GENERATOR" content="Microsoft FrontPage Express 2.0">

Probleem ligt hier:
frameset cols="170,*,620"
170 plus 620 is reeds 790
blijft dus niet veel over op een 17 inch scherm voor de content.

Gewoon ontwerpewn voor een 15 0f 17 inch scherm.
Of liquid (100%) maken, doch dan kan je voorgestelde layout of opzet de mist in gaan.

FFOM · 18 okt 2008

karamanstar zei:
form
met welke programma werk je ?

en wat is je website?

Ik werk met frontpage en dit is mijn website: http://animereviewsnl.nl

peter vazed · 19 okt 2008

FFOM zei:
Ik werk met frontpage en dit is mijn website: http://animereviewsnl.nl

Doe het zo eens:

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="GENERATOR" content="Microsoft FrontPage Express 2.0">
<title>Anime Reviews NL!!!</title>
</head>

<frameset rows="40,* " frameborder="yes" border="1" framespacing="1">
    <frame src="http://animereviewsnl.nl/banner.htm" name="topFrame" scrolling="NO" noresize>
    <frameset cols="170,*" framespacing="0" frameborder="yes"  border="3">
        <frame src="http://animereviewsnl.nl/menupagina.htm" name="leftFrame" scrolling="NO" noresize>
        <frame src="http://animereviewsnl.nl/main.htm" name="mainFrame">

<!--         <frame src="other.htm" name="rightFrame" scrolling="NO" noresize> -->
    </frameset>
    <noframes>
    <body bgcolor="#FFFFFF">
    </body>
    </noframes>
</frameset>
</html>

maxuploader · 25 okt 2008

Google eens op: Website Dynamish maken!

FFOM · 25 okt 2008

peter vazed zei:

Doe het zo eens:

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="GENERATOR" content="Microsoft FrontPage Express 2.0">
<title>Anime Reviews NL!!!</title>
</head>

<frameset rows="40,* " frameborder="yes" border="1" framespacing="1">
    <frame src="http://animereviewsnl.nl/banner.htm" name="topFrame" scrolling="NO" noresize>
    <frameset cols="170,*" framespacing="0" frameborder="yes"  border="3">
        <frame src="http://animereviewsnl.nl/menupagina.htm" name="leftFrame" scrolling="NO" noresize>
        <frame src="http://animereviewsnl.nl/main.htm" name="mainFrame">

<!--         <frame src="other.htm" name="rightFrame" scrolling="NO" noresize> -->
    </frameset>
    <noframes>
    <body bgcolor="#FFFFFF">
    </body>
    </noframes>
</frameset>
</html>

Nee dats nie de bedoeling

maare ik heb maar toegegeven en mijn site aangepast nu is de rechterframe 2x zo smal

ik demk dat dat voldoende is

Help!! Websitep passend maken voor elk beeldscherm.

karamanstar

Gebruiker

Gammort

Gebruiker

That Guy

Meubilair

karamanstar

Gebruiker

karamanstar

Gebruiker

That Guy

Meubilair

FFOM

Gebruiker

SvU

Terugkerende gebruiker

karamanstar

Gebruiker

peter vazed

Meubilair

FFOM

Gebruiker

peter vazed

Meubilair

maxuploader

Gebruiker

FFOM

Gebruiker

Nieuwste berichten

Wij waarderen jouw privacy