Hallo zusammen,
ich bastle wieder etwas rum an meiner Webseite, jedoch bekomme ich das Problem mit dem position nicht in den Griff.
Ich habe drei parallelogramm erstellt unter dem header Bereich. Nun möchte ich das sie genau in der Mitte FIX im Header Bereich bleiben und etwas Abstand einander.
Viele Grüße
veneue
.para
{
width:290px;
height:30px;
background: yellow;
transform: skew(-20deg);
-webkit-transform: skew(-20deg);
float:right;
position:absolute;
top:250px;
left:450px;
}
.para1
{
width:290px;
height:30px;
background: red;
transform: skew(-20deg);
-webkit-transform: skew(-20deg);
float:right;
position:absolute;
top:450px;
left:750px;
}
.para2
{
width:290px;
height:30px;
background: darkblue;
transform: skew(-20deg);
-webkit-transform: skew(-20deg);
position:absolute;
top:250px;
left:1080px;
}