ram till videoruta

Tråden skapades och har fått 1 svar. Det senaste inlägget skrevs .
1
  • Medlem
  • Jönköping
  • 2011-02-19 14:30

kan jag få lite hjälp på traven måntro. jag har en videoruta som jag vill ha lite grafik runt, en ram. hur gör jag detta bäst. tar jag en stor bild eller delar jag upp den i fyra delar. använder jag relative eller absolute. finns det något smidigt sätt att göra detta på?

  • Medlem
  • Jönköping
  • 2011-02-19 16:54

fick bli typ såhär...

div#behallare {
position: relative;
width: 520px;
height: 220px;
background-color: #cccccc;
}

div#box1 {
position: absolute;
top: 0;
left: 0;
width:150px;
height: 200px;
background-color: blue;
}

div#box2 {
position: absolute;
top: 0;
left: 150px;
width:150px;
height: 50px;
background-color: yellow;
}

div#box3 {
position: absolute;
top: 50px;
left: 150px;
width:150px;
height: 50px;
background-color: blue;
}

div#box4 {
position: absolute;
top: 100px;
left: 150px;
width:150px;
height: 100px;
background-color: yellow;
}

div#box5 {
position: absolute;
top: 0px;
left: 300px;
width:150px;
height: 200px;
background-color: yellow;
}

<div id="behallare">
<div id ="box1">Box 1</div>
<div id="box2">Box 2</div>
<div id="box3">Box 3</div>
<div id="box4">Box 4</div>
<div id="box5">Box 5</div>
</div>

1
Bevaka tråden