HTML, Dreamweaver. Nog even Noob.

Ik ben geen internetwonder, ik begrijp HTML tot zoverre dat ik er redelijk mee uit de voeten kom, maar ik merk dat ik mezelf af en toe vastzet zo hier en daar. Als student Graphic Design werk ik voor een ontwerpbureau-tje. Wat DTP, wat simpel ontwerpwerk zo hier en daar. Etcetera, etcetera.

Af en toe ontwerpt de eigenaresse van het bureau een guitige website, die ik dan online dien te knallen.
Ik ben gaan werken met Dreamweaver, voor mij al lastiger (ik werk altijd met absolut: position: etc).

Oke, mijn vraag: Ik krijg aangeleverd in Indesign. Die zet ik om in EPS, en via Photoshop slice ik.
Enkel beeld natuurlijk, tekst leg ik er later boven op. Dat lukt allemaal. Zie http://www.degoeijen.nl
Nu heb ik een kader, van circa 900x500 die gecentreerd moet worden. Dit is voor een andere site dan die ik net linkte, dat is enkel een voorbeeld van hoe ik het tot nu toe deed.

Vraag is; hoe kan ik deze het beste laten centreren in Dreamweaver (dus die bepaalde slices) en hoe,
op welke manier, kan ik de tekst hier overheen leggen. Omdat ik nu met absolute: position: werk, werkt dat niet
wanneer het kader geen vaste positie heeft.

Ben ik langdradig? En is dit te begrijpen? Wellicht wellicht…

GROET.

Alles wat je weten moet om te centreren vind je [url=http://www.w3.org/Style/Examples/007/center]hier[/url]. Maar in combinatie met position:absolute... Moah. ;-)

CSS is het antwoord

http://w3schools.com/css/default.asp

div centreren:

<div id=“centreer”></div>

css:

<style type=“text/css”>

div#centreer { overflow:auto;
width:900px;
height:500px;
margin: 0 auto;
}

</style>

Wil je het geheel ook verticaal centeren, dan staat op de volgende site een CSS oplossing; [url]http://intensivstation.ch/files/templates/temp11.html[/url]

(M)

Merci! Ik ga aan de slag.

[quote:7d61e74128="Jeordy"]

div#centreer {
overflow:auto;
width:900px;
height:500px;
margin: 0 auto;
}
[/quote:7d61e74128]

Even opletten als je absoluut wilt positioneren t.o.v. die div moet je ook die div uit de flow halen, dus een positie meegeven. Een absoluut gepositioneerd element positioneert nl altijd absoluut t.o.v. het laatst in de flow voorkomende parent / ancestor element.

dus:

css:[code:1:7d61e74128]div#centreer {
position:relative;
overflow:auto;
width:900px;
height:500px;
margin: 0 auto;
}
[/code:1:7d61e74128]

html:[code:1:7d61e74128]<div id="centreer">

hier je pagina

</div>
[/code:1:7d61e74128]

Ook even voor dat je bovenaan de pagina een doctype neerzetten die de browser in standaarden modus laat renderen, bijvoorbeeld:

[code:1:7d61e74128]<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">[/code:1:7d61e74128]

Gelukt hoor; dank!