CSS Shadows

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

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

21/11/2024 14:52:36
 
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?
 
Pieter Jansen

Pieter Jansen

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*
 

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*
 
Aaa Trump

aaa Trump

20/05/2009 17:10:00
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.