Beste Leden,

Ik heb deze layout: http://imageshack.us/photo/my-images/10/websitepsds.jpg/

Ik heb alleen nog maar simpele websites gesliced/based, bestaande uit blokken.

Wie kan mij in een paar stappen uitleggen hoe ik het, het beste kan doen.

Denk aan het logo met de shaduw
De BG
De vierkant blokjes met 'curve'

Alvast hartelijk bedankt.

Deze is lastig, maar je begint eest met een wrapper voor alles.

Daarna maak je van het logo met schaduw een plaatje (png zonder background). De header background(gradient) maak je 1px breed en repeat je over de X as.

Het middenblok met rondingen slice je (indien het blok in lengte niet hoeft mee te groeien) ook als een .png zonder achtergrond.

Daarna zorg je ervoor dat je content (grijze blok) onder je middenstuk doorloopt. En je header background(gradient) ook. Dan heb je overlap van alle divs en heb je het gewenste resultaat.

Je kunt afgeronde hoeken gewoon in CSS doen. Zorg wel dat je alle varianten in je sheet zet zodat je alle browsers ondersteund. Zo heb je ook geen probleem met content die groter/kleiner wordt.

Oke, hartelijk dank. Zal het zo proberen.

De layout is nog niet af. Wat vinden jullie er dus ver van? Ik ben een tijdje met PS bezig nu, daarvoor nog nooit mee gewerkt.

Sorry, ik zie nu pas dat het geen 'standaard' afgeronde hoeken zijn. Dan gaat bovenstaande natuurlijk niet op. Wat je nog kan doen als de content in die blokken variabel is, is de randen slicen en in aparte divs zetten. Dmv float krijg je dan alles passend. Beetje moeilijk uit te leggen, maar ik hoop dat je me snapt.