Ik heb een foto: http://i57.tinypic.com/2a7zrf4.png

waar ik automatisch d.m.v. css een border om heen wil krijgen maar omdat de rechter en linker kant schuin zijn kan je niet een een border style geven omdat je dan een vierkante border krijgt. Is het mogelijk dat ik de rechter en linker border zo kan manipuleren dat deze met de hoek van de foto mee gaat?

Je zou dit dmv een afbeelding kunnen doen, of helemaal in CSS3 met het translate element.

je kan er een afbeelding overheen gooien met een uitsnede van de schuine randen die je wilt hebben.

Denk dat het het makkelijkst is als je:
- de parent div een position: relative geeft;
- een div binnen de parent plaats met position: absolute; width:100%; height:100%; z-index:9; border-bottom:4px solid green;
- Vervolgens ga je deze div (de inner div) middels CSS(3) transform roteren zodat deze op de juiste plaats terecht komt;

Maar je kan, zoals ook al aangegeven is, ook gebruik maken van een afbeelding met een transparante achtergrond en waarbij je dan een uitsnede van de schuine rand maakt. Deze kan je dan toewijzen aan de inner div (waarbij dezelfde basis gegevens in acht worden genomen);

Origineel gepost door Tom giesbergen

Maar je kan, zoals ook al aangegeven is, ook gebruik maken van een afbeelding met een transparante achtergrond en waarbij je dan een uitsnede van de schuine rand maakt. Deze kan je dan toewijzen aan de inner div (waarbij dezelfde basis gegevens in acht worden genomen);

Wat is het nut ervan? Geef gewoon de afbeelding van het logo een border mee. Heb je maar één afbeelding en hoef je geen andere foefjes uit te halen.

heeft blijkbaar ook geen haast, TS reageert niet..

het zichtbare deel van de afbeelding is misschien wel schuin, maar een afbeelding is gewoon rechthoekig, dus een border is ook rechthoekig; zoals Wilbert zegt: bewerk gewoon die afbeelding en klaar... (dan heb je ook nog eens enkel de afbeelding en geen extra code in je css)