Centreren in Dreamweaver CS4
17 december 2012 - 15:35   
geplaatst door: atwee
Hallo,

Ik ben bezig met een site in Dreamweaver (design modus, dus niet coderen). Probleem is nu dat in in de browser de site links laat lijnen. Ik wil 'm gecentreerd in beeld hebben staan.
Kan ik dat in dreamweaver gemakkelijk aanpassen? Ik heb overal gegoogled en steeds krijg ik oplossingen met gefriemel in de code.
Ook krijg ik steeds te horen dat je dan de 'container' op centreren moet zetten of op 'marge:auto.

Kan ik nu nog, in de bestaande site' een container toevoegen, met centreer-specificaties.?

Ik kom er even niet uit.

Alvast hartelijk dank!

gr.

Wil

Centreren in Dreamweaver CS4
17 december 2012 - 15:48    reactie #1
geplaatst door: Shmoo

geblokkeerd

Klopt de container ook wel eens wrakker genoemd moet je centreren.

Vaak is dit de eerste div na de body.

als het een ID is.


#container {
    margin: 0 auto;
}

als het een class is.


.container {
    margin: 0 auto;
}
Centreren in Dreamweaver CS4
18 december 2012 - 10:03    reactie #2
geplaatst door: atwee
Hallo Shmoo,

Bedankt voor je reactie, maar ik kom er nog steeds niet uit.
Zoals ik al zei ben ik niet zo van de codes...

Het gaat om deze site:

www.koppenconcepts.com

misschien dat je dan wat meer kan zien.

Groet en bedankt!

Wil

Centreren in Dreamweaver CS4
18 december 2012 - 12:21    reactie #3
geplaatst door: SanderH
Je kunt alle elementen die je tot nu toe gemaakt hebt "inpakken" in een container- of wrapperDIV.
Hiervoor voeg je na de <body> het volgende toe: <div id="container">
Vlak voor </body> onderaan voeg je dan toe: </div>
Nu is je hele design "ingepakt" in deze DIV met id "container".
Deze DIV geeft je dan de CSS-code die Shmoo al noemde, zodat 'ie mooi gecentreerd wordt.

Een beetje html- en css-kennis kan je ontzettend vooruit helpen, ookal gebruik je de design mode van DW.
Neem eens een kijkje op http://www.w3schools.com voor uitstekende (beginners-)tutorials html en css.

(Bewerkt door SanderH om 12:27, 18-12-2012)

Centreren in Dreamweaver CS4
18 december 2012 - 13:58    reactie #4
geplaatst door: Shmoo

geblokkeerd

Dat is denk ik altijd al het probleem geweest van Dreamweaver, door de Visual Editor denken mensen al snel dat het voor hun is. Maar Dreamweaver heeft niets met  eenvoudig websites maken te maken wanneer je geen ervaring hebt. Het is net als Photoshop, Illustrator en InDesign een programma dat gebruikt dient te worden van 'professionals' of mensen die kennis van zaken hebben.

Die Visual Editor is geen iWeb variant om je site mee op te bouwen. Het is voor Developers om te controleren dat wat ze typen ook goed op de pagina staat eigenlijk is het niets meer dan een ingebouwde browser.

Als je iWeb varianten zoekt dan moet je kijken naar Sandvox, RapidWeaver, of miss. wel Adobe Muse als je een Creative Cloud abonnement hebt.