Ik wil zoiets maken als dit:
http://img145.imageshack.us/img145/1...chuwebsite.png(dit heb ik gefotosoept)

Hoe maak ik z`n rand?
Maar dat die wel aanpast aan de beeldscherm grote zal ik maar zeggen.
Is dit mogenlijk?

http://www.smileycat.com/miaow/archives/000044.php

Bedoel je die blauwe ronde rand?

Ja sorry dat staat er niet duidelijk bij.
Ik heb het over de blauwe RAND.

je kan een blauwe streep maken als background, en die ronding in de footer plaatsen die links tegen de kant aan zit.

Onderaan die ronding laat je nog wat witruimte over zodat je de doorloop van die streep niet ziet.

Hm, ik kan me wel wat voorstellen wat je bedoeld.
Maar ik heb helaas geen enkele ervaring met css, hoe moeilijk is het om het even voortedoen?
Aanvullend bericht:
Ik wil zoiets maken als dit:
http://img145.imageshack.us/img145/1...chuwebsite.png(dit heb ik gefotosoept)

Hoe maak ik z`n rand?
Maar dat die wel aanpast aan de beeldscherm grote zal ik maar zeggen.
Is dit mogenlijk?

Origineel gepost door Wouterjan S

Ik wil zoiets maken als dit:
http://img145.imageshack.us/img145/1...chuwebsite.png(dit heb ik gefotosoept)

Hoe maak ik z`n rand?
Maar dat die wel aanpast aan de beeldscherm grote zal ik maar zeggen.
Is dit mogenlijk?

Ja dat is mogelijk. die rondingen (dat zijn er in totaal 4) kan je in een header en een footer links en rechts floaten, dan laat je in een background de streep doorlopen over de gehele breedte, en in het midden natuurlijk in de lengte.

Hm, ik heb niet veel kennis op css gebied, dus snap wel wat je bedoeld. maar hoe moet dat er dan in css uit gaan zien?

Je heb eigenlijk 2 plaatjes nodig:

een van de ronding
en een van een stukje van de lijn een vierkantje

Dan doe je in je CSS:

.omlaag {
background-image: url(imgaes/jouwplaatje.png);
background-repeat: repeat;
width: de breedte is px;
height: 600px;
Aanvullend bericht:
sorry ben nog niet klaar, maar kan me bericht niet aan passen:

.omlaag {
background-image: url(imgaes/jouwplaatje.png);
background-repeat: repeat;
width: de breedte is px;
height: 600px;
}
.ronding {
background-image: url(plaatje.png);
repeat: no-repeat;
width: px;
height px;
}
.opzij {
background-image: url(image.png);
background-repeat: repeat-x;
width: 100%
}

Zo iets komt het er uit te zien, ik hoop dat je er wat aan hebt. En ander moet je op www.web-garden.be even de html tutorial door nemen, word ook CSS uitgelegd.

Mvg, Boris

Ik heb nu deze plaatjes gemaakt:
http://img149.imageshack.us/img149/6...onderblauw.png
http://img162.imageshack.us/img162/4...npuntblauw.png

.omlaag {
background-image: url(images/lijnpuntblauw.png);
background-repeat: repeat;
width: 4px;
height: 100%;
}
.ronding {
background-image: url(images/hoeklinksonderblauw.png);
repeat: no-repeat;
width: 76px;
height 83px;
}
.opzij {
background-image: url(images/lijnpuntblauw.png);
background-repeat: repeat-x;
width: 100%;
height: 4px;
}

Is dit goed zo?
Aanvullend bericht:
Het is nu gelukt op een iets andere manier.

Origineel gepost door Wouterjan S

Aanvullend bericht:
Het is nu gelukt op een iets andere manier.

Laten we hopen dat die andere manier niets met tables te maken heeft :P.

Nee, met een grote achtergrond afbeelding en die altijd linksonder centreren.

Of je gaat naar deze site:
http://www.neuroticweb.com/recursos/css-rounded-box/

Het script is erg handig alleen ik zou de images even opnieuw slicen vanuit photoshop.

Max

Ik heb nu dit in css staan:
body {
background: url('images/achtergrondlijnengeel.png') bottom left;
}
Maar in IE werkt het goed maar in FF niet. :S

Probeer eens

body {
background: White url('plaatje.jpg') no-repeat scroll 0% 100%;
}