box shadow div links rechts

[gast0171]

Beste forumleden,

ik wil graag een schaduw rand om een div blok heen aan de linker en rechter kant,

welke code {box-shadow} moet ik hier voor gebruiken


mag er dan ook een beetje uitleg bij welk element waar voor is?


alvast bedankt:thumb:

mvg robert 1996

 

[csshunter]

Hoi Robert,
Men neme: 1 Google-vraag ...
... en daar rollen de antwoorden al binnen.

De eerste is meteen raak: een uitgebreide toelichting.
Nummer 4, de CSS3 Box Shadow Generator, geeft direct het resultaat te zien + de code die ervoor nodig is.

Met vriendelijke groet,
CSShunter

 

[gast0171]

bedankt,

is alleen niet helemaal wat ik bedoel.

ik bedoel het zoals hier.

http://www.devriesverburg.nl

en dan de schaduw links en rechts van de div.

alvast bedankt.

mvg gast0171

 

[csshunter]

Hoi Robert,
Nou, dat zou ook met de box-shadow eigenschap kunnen, maar dat is hier niet het geval.
Wat ze bij devriesverburg.nl gedaan hebben, is een achtergrond-afbeelding gebruiken: dat kan ook.

• Deze afbeelding is een smal strookje: images/achterinhoud.png
• Dat wordt als background-image steeds naar beneden toe herhaald.

Dat kan je doen door:

• de <div> zo breed te maken als die achtergrond-strook,
• de <div> wat padding-links en rechts te geven zodat wat er binnen komt ook binnen de schaduwranden blijft,
• en de <div> dus het background-img te geven.

In totaal zal dan de css iets als dit worden:

#middenkolom {
    width: 990px;
    margin: 0 auto;    /* = centreren van de pagina */
    padding: 0 30px;
    background: url(images/schaduwrand.png) repeat-y; /* verticaal herhalen */
    }

Met vriendelijke groet,
CSShunter