Hallo Leute,
ich versuche gerade eine Startseite in Dreiecken zu machen. Dabei sollen die Dreiecke ein Quadrat ergeben.
nun der schwere Teil
ich möchte zb. nur das grüne Dreieck verlinken ohne, das die anderen davon betroffen sind und nicht angesprochen werden.
Hättet ihr eine Idee wie das geht?
ich versuche gerade eine Startseite in Dreiecken zu machen. Dabei sollen die Dreiecke ein Quadrat ergeben.
HTML:
<a href="789.html">
<div id="dreieck_oben"> </div>
</a>
<div id="dreieck_rechts"></div>
<a href="as">
<div id="dreieck_links"></div>
</a>
<a href="#">
<div id="dreieck_unten"> </div>
</a>
Code:
#dreieck_unten {
width: 0;
height: 0;
border-left: 300px solid transparent;
border-right: 300px solid transparent;
border-bottom: 300px solid #00ff00;
position: absolute;
content: "";
top: 300px;
left: 0px;
}
#dreieck_oben{
width: 0;
height: 0;
border-left: 300px solid transparent;
border-right: 300px solid transparent;
border-top: 300px solid #ffc800;
position: absolute;
content: "";
top: 0px;
left: 0px;
}
#dreieck_links{
width: 0;
height: 0;
border-top: 300px solid transparent;
border-left: 300px solid #F00;
border-bottom:300px solid transparent;
position: absolute;
content: "";
top: 0px;
left: 0px;
}
#dreieck_rechts{
width: 0px;
height: 0px;
border-top: 300px solid transparent;
border-right: 300px solid #399;
border-bottom: 300px solid transparent;
position: absolute;
content: "";
top: 0px;
left: 300px;
}
nun der schwere Teil
ich möchte zb. nur das grüne Dreieck verlinken ohne, das die anderen davon betroffen sind und nicht angesprochen werden.
Hättet ihr eine Idee wie das geht?