CSS Shadows
Ik ben opzoek naar hoe ik een div een schaduw aan de rechter- en onderkant kan meegeven. De schaduw is gemaakt in photoshop, maar moet ook bij het oprekken van de webpagina dmv de inhoud werken. Is dit mogelijk zonder één grote afbeelding (maar twee of drie afbeeldingen van een paar pixels bijvoorbeeld)? (Ja, ik heb google al gebruikt;))
Alvast Bedankt
div {
background: url(../img/schaduw.gif) repeat-y left top;
}
Aan de onderkant maak je een aparte afbeelding voor de onderkant en die zet je op een element die in die div staat. Bijv: nog een div erin met dezelfde breedte.
ps was css3 er maar en breed ondersteund. Dan hoeft dit niet meer met afbeeldingen :D
Gewijzigd op 01/01/1970 01:00:00 door Niek Weevers
Op die eerste manier komt de afbeelding in de div, kan het er ook net naast?
zet die Je kunt het ook in spans zetten. En deze absoluut positioneren onder je div. En deze geef je dan een bottom: -10px; ofzo. Zelfde geld voor de zijkant. Enige nadeel: niet semantisch.
Heb je een stukje voorbeeldcode? Ik kom er namelijk niet uit. Ik heb dus een div met een vaste breedte en variable hoogte. De schaduw onderaan is dus breder dan de totale breedte (of langer dan de totale hoogte, het is maar waar je het afsnijdt).
*bump*
hier wat aan? alistapart is meestal wel goed.
Heb je misschie Die gebruikt één grote afbeelding, dat kan ik niet gebruiken, omdat die van mij niet voor deze doeleinden wordt gebruikt...
*bump*
*bump*
http://www.google.nl/search?hl=nl&q=shadows+css&btnG=Google+zoeken&meta=&aq=f&oq=
http://www.google.nl/search?hl=nl&q=shadows+css&btnG=Google+zoeken&meta=&aq=f&oq=
http://www.google.nl/search?hl=nl&q=shadows+css&btnG=Google+zoeken&meta=&aq=f&oq=
http://www.google.nl/search?hl=nl&q=shadows+css&btnG=Google+zoeken&meta=&aq=f&oq=
http://www.google.nl/search?hl=nl&q=shadows+css&btnG=Google+zoeken&meta=&aq=f&oq=
http://www.google.nl/search?hl=nl&q=shadows+css&btnG=Google+zoeken&meta=&aq=f&oq=
http://www.google.nl/search?hl=nl&q=shadows+css&btnG=Google+zoeken&meta=&aq=f&oq=
http://www.google.nl/search?hl=nl&q=shadows+css&btnG=Google+zoeken&meta=&aq=f&oq=
http://www.google.nl/search?hl=nl&q=shadows+css&btnG=Google+zoeken&meta=&aq=f&oq=