Maar nu: ik krijg dat ding niet gecentreerd...althans ik wil er een div align is center aangeven, maar dan doet tie het niet...wordt wel goed weergeven, maar niet gecentreerd in het browser window.

Ander ding: klant wil nu ook een "witte lijn er helemaal omheen hebben"...zo'n dun ding soort van kadertje zeg maar.

link

graag een tip voor deze 2 dingen?
Thnx in advance
Maurice.

(Bewerkt door applejuice om 15:44, 28-11-2007)

(Bewerkt door applejuice om 14:28, 2-12-2007)

{Reality Check} Klant is koning...

#wrapper {
text-align: left;
}

Lijntje om de hele website:

Je website is trouwens wel erg breed zeg... is het misschien
een idee om de website niet breder te maken dan 960px?

En ik ben 't er mee eens dat je de klant misschien beter kan
overtuigen om dat lijntje weg te laten... 't ziet er nu beter uit
dan met lijntje denk ik, hehe.

(Bewerkt door joram om 15:54, 28-11-2007)

body{
text-align: left;
margin: 0;
font-family:  arial, verdana, sans-serif, helvetica;
font-size: 62.5%; /* = 10px */
}


waarmee ik dus ook al ervoor zorg dat de tekst op 10px komt....verderop in de stylesheet zorg ik ervoor dat ik mbv 1.2 of 1.3 de tekst 12 of bijv 13 px wordt.

het is me niet helemaal duidelijk of ik het stukje nieuwe code dat je hierboven hebt gezet gewoon toe moet voegen in mijn "body"

en ook niet waaraan ik

Je "wrapper" is de DIV die je hele site omvat, waardoor het
makkelijker is om je hele site in één keer te positioneren.

Nu ik zo eens in je code kijk, heb je erg veel onnodige div's gemaakt.
In plaats van een "wittelijnboven" en "wittelijnlinks", had je beter een
div kunnen maken met een "border-left" en "border-right" in de CSS.
Staat een stuk netter en is ook overzichtelijker.

(Bewerkt door joram om 16:34, 28-11-2007)

updat: staat nu net na de body en wordt afgesloten voor de bodytag....lijkt me goed..maar er wordt niks gecentreerd.

(Bewerkt door applejuice om 16:59, 28-11-2007)

Dit is in feite de opmaak van je site. De CSS heb je in de bovenstaande post al, dus die laat ik even voor wat het is;


<div style="clear:both;"></div>
</div>
</body>
Zie je waar ik die wrapper heb neergezet? Nét boven de afsluiter van die div staat een stukje "clear:both"... dat zorgt ervoor dat die wrapper alle andere elementen omsluit. Als je die CSS van mij nu toepast zou het moeten werken  Het enige wat je even moet doen is in de CSS die wrapper een breedte geven; de exacte hoeveelheid pixels die je nu in de breedte van je site hebt.

Wat ik overigens ook niet snap, is waarom je zoveel Javascript gebruikt voor een paar hovereffecten. Dit is toch net zo makkelijk (met minder code ook) te doen met CSS?

p.s.:
Ik heb zelf een best overzichtelijke testsite gemaakt een tijdje terug, die dezelfde truc toepast die ik hierboven omschrijf. Ik heb de code zo duidelijk mogelijk opgemaakt destijds, dus ik dénk dat je daar wel uit kan komen... 't is ook niet zoveel code, dus je zal 't zo doorgeplozen hebben. Misschien dat je daar ziet wat ik doe?

CSS: http://motustudio.org/testsite/style.css
Testsite: http://motustudio.org/testsite/
Waar je naar op zoek bent is dan het stukje "body" in de css, en het stukje "wrapperc". Het staat allemaal netjes omschreven welk gedeelte voor de header, content e.d. is, dus even op je gemak deze 2 tags zoeken in de code van de website (heb je binnen 10 seconden gevonden), en dan diezelfde tags even opzoeken in m'n CSS. Ik denk dat je dan goed kunt zien wat je moet doen.

(Bewerkt door joram om 18:59, 28-11-2007)

ik ben ermee bezig.

zelf had ik dit al gevonden wat redelijk werkt:

Hoop dat het gesmaakt heeft.

EDIT: ik heb dat javascript om te swappen gebruikt, omdat ik geen idee heb om het in css te doen....ben net bezig met css ...en ben nog lerende.

(Bewerkt door applejuice om 20:19, 28-11-2007)

(Bewerkt door applejuice om 20:21, 28-11-2007)

Dan staat je hele site, wat je er binnen die wrapper ook mee doet, gewoon
gecentreerd

Probeer maar eens een lege pagina te maken en geef die wrapper een
vaste breedte en hoogte, en een achtergrondkleurtje. Dan zul je gelijk
zien hoe simpel 't eigenlijk werkt

p.s.: eten was weer héérlijk Cobi :P

p.s.s.: hier een voorbeeldje (ik doe hier alleen een stukje css en html, dus de Doctype e.d. moet je er maar even bijverzinnen, hehe):

<body>
<div id=wrapper>
Hier zet je dan je hele site in. Zoals je kunt zien is deze tekst die je nu leest netjes linkslijnend geplaatst, terwijl je hele site horizontaal gecentreerd staat.
</div>
</body>


(Bewerkt door joram om 20:29, 28-11-2007)

Op de andere manier met een negatieve margin lukt het wel.
In iedergeval bedankt.      

groet, en nog een fijne avond
Maurice.  

Maar als het ook op de manier die je zelf aangaf werkt is dat ook goed natuurlijk

Hier alsnog de site
http://motustudio.org/websites/site1/

(Bewerkt door joram om 7:21, 29-11-2007)

joram om 18:54, 28-11-2007
Ok, even in het heel erg kort, want ik heb honger en moet nog eten maken

Dit is in feite de opmaak van je site. De CSS heb je in de bovenstaande post al, dus die laat ik even voor wat het is;

Code: [Selecteer]

<body>
<div id=wrapper>

<div id="wittelijnboven"></div>
<div id="wittelijnlinks"></div>
<div id="afbeeldinggrootkleur"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('homepagina','','images/kleur/home.jpg',1)"><img src="images/grijs/homegrey.jpg" name="homepagina" width="536" height="322" border="0" id="homepagina" /></a></div>
<div id="wittelijndwars"></div>
<div id="wittelijndwars1"></div>
<div id="adres">
 <p>Bosscheweg 32 5056 KC  Berkel-Enschot</p>
   <p>t +31(0)13 533 22 32</p>
   <p>...</p>
 <p>...</p>
</div>
<div id="..."></div>
<div id="kopindexpagina">VLOEREN MET EEN VERHAAL</div>
<div id="content">Een houten vloer is warm, heeft karakter en persoonlijkheid.
Deze eigenschappen komen het best tot hun recht als de vloer past in uw leefomgeving en interieur. Onze kracht is met aandacht luisteren naar uw wensen en u adviseren over houtsoort, motief en kleur.
 <p>Wij zijn op de hoogte van de laatste trends en ontwikkelingen en werken eventueel samen met uw architect. Zo sluit de vloer optimaal aan op sfeer, kleur en licht in uw interieur maar ook op het praktische gebruik.</p>
 <p>Door eigen productie en het voeren van gerenommeerde merken leveren wij altijd maatwerk. Geen enkele wens en houten vloer is hetzelfde.
 Door jarenlange ervaring zijn wij gespecialiseerd in advies en uitvoering.</p>
 <p>Ons doel is dat u bij elke stap die u over uw vloer neemt,
 een bevestiging krijgt van de juiste keuze.</p>
 <p>Tot ziens in onze gallery!</p>
  <p>...<br />
  ...</p>
</div>

<div id="linkjes"><ul>
<li><a href="index.html">HOME</a></li>
<li><a href="gallery.html">GALLERY</a></li>
<li><a href="assortiment.html">ASSORTIMENT</a></li>
<li><a href="onderhoud.html">ONDERHOUD</a></li>

</ul></div>


<div style="clear:both;"></div>
</div>
</body>
Zie je waar ik die wrapper heb neergezet? Nét boven de afsluiter van die div staat een stukje "clear:both"... dat zorgt ervoor dat die wrapper alle andere elementen omsluit. Als je die CSS van mij nu toepast zou het moeten werken  Het enige wat je even moet doen is in de CSS die wrapper een breedte geven; de exacte hoeveelheid pixels die je nu in de breedte van je site hebt.

Wat ik overigens ook niet snap, is waarom je zoveel Javascript gebruikt voor een paar hovereffecten. Dit is toch net zo makkelijk (met minder code ook) te doen met CSS?

p.s.:
Ik heb zelf een best overzichtelijke testsite gemaakt een tijdje terug, die dezelfde truc toepast die ik hierboven omschrijf. Ik heb de code zo duidelijk mogelijk opgemaakt destijds, dus ik dénk dat je daar wel uit kan komen... 't is ook niet zoveel code, dus je zal 't zo doorgeplozen hebben. Misschien dat je daar ziet wat ik doe?

CSS: http://motustudio.org/testsite/style.css
Testsite: http://motustudio.org/testsite/
Waar je naar op zoek bent is dan het stukje "body" in de css, en het stukje "wrapperc". Het staat allemaal netjes omschreven welk gedeelte voor de header, content e.d. is, dus even op je gemak deze 2 tags zoeken in de code van de website (heb je binnen 10 seconden gevonden), en dan diezelfde tags even opzoeken in m'n CSS. Ik denk dat je dan goed kunt zien wat je moet doen.

(Bewerkt door joram om 18:59, 28-11-2007)