Diagnonaal vlak in de hoek website

[keet1]

Hallo,

Ik heb een site waar we ook de zaalvoetbal bespreken van onze vriendengroep.
Nu heb ik wel eens op site gezien dat er bv rechtsbovenin de website in de hoek een diagonaal vlak zit met bv tekst.

Hier zou ik dan bij mijn site een aankondiging van de voetbal willen maken een aantal dagen voor aanvang. Dan wil ik een oranje vlak met tekst er in.
Dat kan ik doen door de z index in de div te gebruiken.
Maar hoe kan ik het maken dat het een diagonaal vlak wordt?
Zoals in onderstaande te zien is

code:

----------------------------|
          \  diag   \       |
           \    vlak \      |
            \         \     |
             \         \    |

Dus dat je in de hoek nog het gedeelte van de site ziet.


Ik hoop dat iemand me hier mee kan helpen.
Bvd.

[ Voor 5% gewijzigd door RobIII op 28-09-2007 15:10 . Reden: Code tags toegevoegd i.v.m. ASCII art :Y) ]

[RobIII]

Je zou een div in de hoek kunnen leggen met een transparante gif/png die een 'diagonaal vlak' bevat als background-image. Zo snel verzonnen lijkt het me de makkelijkste oplossing.

[ Voor 6% gewijzigd door RobIII op 28-09-2007 15:11 ]

[Cavorka]

Doorzichtige gif/png absoluut positioneren?

Zo doen de 'Make poverty history'-banners het ook.

Edit: Grrrr RobIII.

[ Voor 11% gewijzigd door Cavorka op 28-09-2007 15:13 ]

[keet1]

Bedankt voor jullie snelle antwoord.
Ik zal het vanavond meteen proberen.

[_eXistenZ_]

http://pvn.exhost.nl/login.php
Hier kan je vandaan rippen hoe het werkt



Dat is het plaatje die ik als volgt gepositioneerd heb:

Cascading Stylesheet:

body {
    margin: 0px;
    background-image: url("images/inlogwarning.png");
    background-position: top right;
    background-repeat: no-repeat;
}

[ Voor 65% gewijzigd door _eXistenZ_ op 28-09-2007 15:33 ]

[RobIII]

_eXistenZ_ schreef op vrijdag 28 september 2007 @ 15:31:
http://pvn.exhost.nl/login.php
Hier kan je vandaan rippen hoe het werkt

offtopic:
Altijd grappig, van die trotse "badges" met HTML-valid etc. en dan 7 validatie errors opleveren

[Blaise]

En als je wil dat het "klikgebied" niet vierkant is kan je eventueel ook een image map gebruiken.