Versio

CSS Shadows

Overzicht Reageren

Steen

steen

15/05/2009 22:19:00
Quote Anchor link
Beste,

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
 
PHP hulp

PHP hulp

24/05/2012 08:16:11
Gesponsorde koppelingen:
BHosted Hosting al vanaf € 1,- per maand

Controleer nu gratis jouw domeinnaam:

  
 
Niek Weevers

Niek Weevers

15/05/2009 22:28:00
Quote Anchor link
Maak een smalle afbeelding van een paar pixels en laat die repeaten over de juiste as. Dus bijv:
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
 
Steen

steen

15/05/2009 22:35:00
Quote Anchor link
Op die eerste manier komt de afbeelding in de div, kan het er ook net naast?
 
Merijn Venema

Merijn Venema

15/05/2009 22:52:00
Quote Anchor link
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.
 
Steen

steen

16/05/2009 21:05:00
Quote Anchor link
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).
 
Steen

steen

17/05/2009 18:13:00
Quote Anchor link
*bump*
 
Karl Karl

Karl Karl

17/05/2009 18:57:00
Quote Anchor link
Heb je misschie hier wat aan? alistapart is meestal wel goed.
 
Steen

steen

17/05/2009 19:36:00
Quote Anchor link
Die gebruikt één grote afbeelding, dat kan ik niet gebruiken, omdat die van mij niet voor deze doeleinden wordt gebruikt...
 
Steen

steen

18/05/2009 21:42:00
Quote Anchor link
*bump*
 
Steen

steen

20/05/2009 16:47:00
Quote Anchor link
*bump*
 
Niborx Trump

Niborx Trump

20/05/2009 17:10:00
 



Overzicht Reageren

Get Adobe Flash player