css ronde hoekjes probleem (alweer)
Het lukt mij maar steeds niet om een ronde box te maken.
kijk:
1234567
body {text-align: center; /*voor IE*/}#container {width: 600px;text-align: left; /*voor IE */background: #66FF99;overflow: hidden;margin: 0 auto;}#left {float: left;padding: 9px;width: 100px;background: #66FF66;border-right: 3px solid #66FF66;}#main {margin: 0px 130px 0px 100px;padding: 9px;width: 500px;background: #33CCCC;border-right: 1px solid #33CCCC;}* html #main {margin: 0px 50px 0px 130px;padding: 36px;width: 400px;background: #CCFFFF;border-right: 1px solid #33CCCC;}#under {float: left-bottom;padding: 12px;width: 609px;margin-top: 150px;background: #33CC33;
[linebreak][linebreak]Ik hoop dat ik het nu wel snap.[linebreak][linebreak]Heel super erg bedankt alvast,[linebreak]Superwauwie "Afbeelding")
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<html>
<head>
<style>
*{
margin:0px;
padding:0px;
}
body{
background:#000;
}
#corner-right{
height:50px;
background: url('Untitled-1_01.jpg') top left no-repeat;
}
#corner-left{
position:relative;
float:right;
width:50px;
height:50px;
background:url('Untitled-1_02.jpg') top right no-repeat;
}
#main_body{
position:absolute;
width:80%;
height:80%;
top:10%;
left:10%;
background:#90bcd3;
}
</style>
</head>
<body>
<div id="main_body">
<div id="corner-right">
<div id="corner-left"></div>
</div>
</div>
</body>
</html>
<head>
<style>
*{
margin:0px;
padding:0px;
}
body{
background:#000;
}
#corner-right{
height:50px;
background: url('Untitled-1_01.jpg') top left no-repeat;
}
#corner-left{
position:relative;
float:right;
width:50px;
height:50px;
background:url('Untitled-1_02.jpg') top right no-repeat;
}
#main_body{
position:absolute;
width:80%;
height:80%;
top:10%;
left:10%;
background:#90bcd3;
}
</style>
</head>
<body>
<div id="main_body">
<div id="corner-right">
<div id="corner-left"></div>
</div>
</div>
</body>
</html>
Gewijzigd op 01/01/1970 01:00:00 door bart van der veen
Gewijzigd op 01/01/1970 01:00:00 door superwauwie