pagina op schermen-
-
bob45 - Lid geworden op: 18 jul 2008, 17:35
- Locatie: Heverlee
Ik heb een website aangemaakt met Dreamweaver CS3; wat ik graag zou willen weten is:
1. hoe centreer je de webpagina's op de schermen van verschillende bezoekers op hun scherm - doe je dat in één keer of moet je dat voor elke pagina herhalen?
2. Nog beter zou zijn de schermen automatisch te kunnen opvullen zonder de afbeeldingen te vervormen. Is zoiets mogelijk en indien ja, hoe doe je dat?
Bob[/list]
1. hoe centreer je de webpagina's op de schermen van verschillende bezoekers op hun scherm - doe je dat in één keer of moet je dat voor elke pagina herhalen?
2. Nog beter zou zijn de schermen automatisch te kunnen opvullen zonder de afbeeldingen te vervormen. Is zoiets mogelijk en indien ja, hoe doe je dat?
Bob[/list]
-
ultddave - Lid geworden op: 11 mei 2009, 13:59
- Locatie: Limburg > Genk
Ik gebruik daar meestal container/wrapper <div> tags voor.
In de CSS staat dan:
#container{
height: auto !important;
height: 100%;
min-height: 100%;
position: relative;
text-align: center;
}
#wrapper
{
width:800px;
margin:0 auto;
text-align:center;
}
#inhoud{
text-align: left;
}
Dit gebruik je dan op deze manier:
<body>
<div id="container">
<div id="wrapper">
<div id="inhoud">
.............
.............
.............
</div>
</div>
</div>
</body>
Waarbij je op de "..........." de inhoud van je webpagina moet plaatsen
.
Indien u ziet dat het resultaat niet gewenst is, moet u deze regel aanpassen:
width:800px;
width is de breedte van de webpagina. Deze waarde moet je vergrootten als je webpagina niet breed genoeg lijkt te zijn. Of verkleinen als hij te breed is. Iedereen heeft minimum een 800x600 scherm, dus je site mag 800 breed zijn, of breder. Kleiner als 800 zou ik niet gaan, tenzij het niet anders kan.
PS: Ja er bestaan inderdaad nog kleinere schermen dan 800x600. Maar men mag veronderstellen dat deze niet meer gebruikt worden bij het maken van een website.
-------------------------------
En ja, dat moet gebeuren bij elke aparte webpagina.
Als u .php zou gebruiken voor een webpagina sneller te openen (In hetzelfde venster) dmv het GET commando te gebruiken, is dat niet nodig.
Als u niets van php kent, moet u er niet aan beginnen (Dan moet u het onderstaande ook niet lezen). Indien wel, dit is vrij handig.
Deze code zorgt ervoor dat PHP dmv het GET commando de juiste pagina oproept.
Seniorennet gebruikt die methode ook:
http://www.seniorennet.be/forum/posting.php?mode=reply&t=115173
De pagina posting.php ontvangt door middel van de variabele "mode" en "t" de juiste informatie om de pagina te tonen.
Dit is een simpel voorbeeld dat ik gebruik voor mijn website:
http://localhost/index.php?page=oefeningen
De variabele "page" (Engels voor pagina) krijgt de waarde "oefeningen" mee. Het volgend PHP script zal die waarde "page" nu bekijken en de respectievelijke inhoud van pagina oefeningen.php inladen in index.php.
Klinkt vrij ingewikkeld waarschijnlijk, maar het is wel handig. 
********************
Op uw 2e vraag kan ik geen antwoord geven. Dit hangt van de layout van de webpagina af. U kan de <body> een bepaalde achtergrond kleur geven waardoor u dus rond de <div id="container"> ook een bepaalde kleur kan zetten. (Ofwel dezelfde kleur).
Mvg,
Dave
PS: Hopelijk was dit wat duidelijk.
In de CSS staat dan:
#container{
height: auto !important;
height: 100%;
min-height: 100%;
position: relative;
text-align: center;
}
#wrapper
{
width:800px;
margin:0 auto;
text-align:center;
}
#inhoud{
text-align: left;
}
Dit gebruik je dan op deze manier:
<body>
<div id="container">
<div id="wrapper">
<div id="inhoud">
.............
.............
.............
</div>
</div>
</div>
</body>
Waarbij je op de "..........." de inhoud van je webpagina moet plaatsen
.Indien u ziet dat het resultaat niet gewenst is, moet u deze regel aanpassen:
width:800px;
width is de breedte van de webpagina. Deze waarde moet je vergrootten als je webpagina niet breed genoeg lijkt te zijn. Of verkleinen als hij te breed is. Iedereen heeft minimum een 800x600 scherm, dus je site mag 800 breed zijn, of breder. Kleiner als 800 zou ik niet gaan, tenzij het niet anders kan.
PS: Ja er bestaan inderdaad nog kleinere schermen dan 800x600. Maar men mag veronderstellen dat deze niet meer gebruikt worden bij het maken van een website.
-------------------------------
En ja, dat moet gebeuren bij elke aparte webpagina.
Als u .php zou gebruiken voor een webpagina sneller te openen (In hetzelfde venster) dmv het GET commando te gebruiken, is dat niet nodig.
Als u niets van php kent, moet u er niet aan beginnen (Dan moet u het onderstaande ook niet lezen). Indien wel, dit is vrij handig.
Deze code zorgt ervoor dat PHP dmv het GET commando de juiste pagina oproept.
Seniorennet gebruikt die methode ook:
http://www.seniorennet.be/forum/posting.php?mode=reply&t=115173
De pagina posting.php ontvangt door middel van de variabele "mode" en "t" de juiste informatie om de pagina te tonen.
Dit is een simpel voorbeeld dat ik gebruik voor mijn website:
http://localhost/index.php?page=oefeningen
De variabele "page" (Engels voor pagina) krijgt de waarde "oefeningen" mee. Het volgend PHP script zal die waarde "page" nu bekijken en de respectievelijke inhoud van pagina oefeningen.php inladen in index.php
.
Code: Selecteer alles
<?php
if(isset($_GET['page'])){
$value=$_GET['page'];
if ($value=="index")
include('home.php');
else if ($value=="oefeningen")
include('oefeningen.php');
else if ($value=="blog")
include('blog.php');
else if ($value=="cv")
include('cv.php');
else if ($value=="extra")
include('extra.php');
else if ($value=="registreren")
include('register.php');
else
include('home.php');
}
else
include('home.php');
?>********************
Op uw 2e vraag kan ik geen antwoord geven. Dit hangt van de layout van de webpagina af. U kan de <body> een bepaalde achtergrond kleur geven waardoor u dus rond de <div id="container"> ook een bepaalde kleur kan zetten. (Ofwel dezelfde kleur).
Mvg,
Dave
PS: Hopelijk was dit wat duidelijk
.
Laatst gewijzigd door ultddave op 31 aug 2009, 18:06, 1 keer totaal gewijzigd.
.NET en Java Programmeur