Ik ben bezig met het maken van een website waar een yt filmpje op komt, en op elke hoek van dit object moet een driehoek komen. Ik heb alleen een beetje moeite met positioning van de onderste twee triangles. Ik heb nogal wat gekke dingen geprobeerd, zoals bijv de outer div een position: absolute; geven en de onderste triangles een position: relative;, maar dan krijg ik ook alleen de linker op de goede plek, en wil de rechter niet. Kan iemand even de jsfiddle bekijken en me een stukje de goede richting in duwen?
Cascading Stylesheet:
1
2
3
4
5
6
7
8
9
10
11
| .bottom-right { position: absolute; right: 0px; bottom: 0px; width: 0px; height: 0px; border-width: 20px 0 0 35px; border-color: transparent transparent transparent #e9e9e9; border-style: solid; float: right; } |
Hey, toevoegen van right: 0px; werkt! Hartstikke bedankt!