Archief - website & resolutie?

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
t

tekn0w!z

Legacy Member
Ik zou willen beginnen met webdesign in Dreamweaver.
Heb al wat tutorials bekeken maar 't is toch een hele hap om te leren..

Stel nu, ik begin met een website, ik maak een achtergrond in Photoshop, welke afmetingen worden het meest gebruikt? Moet ik rekening houden met de verschillende resoluties?

Ik zou een website willen maken die in het midden staat (gecentreerd), dus bv een grijze balk aan de boven-, onder- & zijkanten.
a

adrianhates

Legacy Member
960 is the way to go! Als ge uw site fixed wilt maken..

Ge kunt eventueel naar de verschillende resoluties toe werken met een fluid layout maar geloof mij, da brengt meer miserie als goeds met zich mee :)
S

Sirax

Legacy Member
Om je website van bv 960px breed te centreren in het midden van de browsers kan je het volgende gebruiken:

Code: 
<body>
<div id="container">

#### hierin komt je volledige content van je website. ####
#### dus bv al je andere nodige div's, enz #####

</div>
</body>

Als stylesheet code voor de div container doe je dan het volgende:

Code: 
#container {
margin: 0 auto;
width: 960px;
}

Dan staat je website mooi in het midden...
Je kan ook beter in je stylesheet een reset gebruiken.
t

tekn0w!z

Legacy Member
Ik heb de indruk dat er links meer plaats is dan rechts? Dus dat hij niet perfect in't midden staat..

Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Naamloos document</title>
<style type="text/css">
<!--
body {
    background-color: #D5FFAA;
}
body,td,th {
    color: #FFF;
}
-->

#container {
margin: 0 auto;
width: 960px;
}

</style></head>

<body>

<div id="container">

<img src="file:///C|/Users/Quant/Documents/Website/test/Untitled.jpg" width="1008" height="630" />

</div>

</body>
</html>
S

Sirax

Legacy Member
En als je in je stylesheet een reset plaatst?

Code: 
* {
margin: 0px;
padding: 0px;
}
S

Sirax

Legacy Member
Probeer zo eens dan:

Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Naamloos document</title>
<link href="[COLOR="DarkRed"]*** link naar stylesheet ***[/COLOR]" rel="stylesheet" type="text/css" />
</head>

<body>

<div id="container">

<img src="file:///C|/Users/Quant/Documents/Website/test/Untitled.jpg" width="1008" height="630" />

</div>

</body>
</html>

En in de aparte stylesheet.css zet je dit:

Code: 
* {
margin: 0px;
padding: 0px;
}

body {
background-color: #D5FFAA;
color: #FFF;
}

#container {
margin: 0 auto;
width: 960px;
}
t

tekn0w!z

Legacy Member
Neen nog niet.

In Dreamweaver zie ik ook dat de linkerkant breder is dan de rechterkant.
a

adrianhates

Legacy Member
dat zal dan wel gezichtsbedrog zijn.. Sommige browsers houden ook geen rekening met een scrollbar langs de zijkant bvb.. :)
A

Albireo

Legacy Member
De div staat perfect in het midden, maar die div van 960px bevat een witte .jpg van 1008px breed en die loopt "over de rand". Dat kun je oplossen door je .jpg smaller te maken of door de overflow-eigenschap van je div op scroll of hidden te zetten.
t

tekn0w!z

Legacy Member
aha, dus die jpg 960 breed maken?

Hoe kan ik het wit vlak nog een beetje omlaag verplaatsen? Zodat ik bovenaan ook nog een marge heb.
A

Albireo

Legacy Member
Als je bovenaan nog een strook groen wilt dan moet je je div een margin-top geven of je body een padding-bottom meegeven.
t

tekn0w!z

Legacy Member
dus bv

Code: 
#container {
margin-top:40px;
}
in de stylesheet.css ?

*edit* Ok dit werkt, thx :)
-

-BVR-

Legacy Member
Ik hoop dat je beseft dat je ook een witte achtergrond kan krijgen door de achtergrondkleur op wit te zetten?

Code: 
background-color: #fff;
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan