gert cuykens
12-24-2005, 02:22 PM
Who can draw a table on the screen that has 100% height and 100% width ?
Me :D
Now who can draw inside that square a other square that is 17px smaller on each side ?
:confused:
body{background-color:silver;
text-align:center;
margin:0px;
padding:0px;
}
body,input,label,p,select{
font-family: sans-serif;
font-size: 14px;
font-size-adjust: none;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-stretch: normal;}
table{border-collapse:collapse;
display:block;
border:1px solid black;
width:100%;
height:100%;}
.corner-tl-1{background-repeat:no-repeat;
background-position:top left;
background-image:url(../bin/corner-tl.png);
width:17px;
height:19px;}
.corner-tr-1{background-repeat:no-repeat;
background-position:top right;
background-image:url(../bin/corner-tr.png);
width:17px;
height:19px;}
.corner-bl-1{background-repeat:no-repeat;
background-position:bottom left;
background-image:url(../bin/corner-bl.png);
width:17px;
height:19px;}
.corner-br-1{background-repeat:no-repeat;
background-position:bottom right;
background-image:url(../bin/corner-br.png);
width:17px;
height:19px;}
.margin-t-1{background-repeat:repeat-x;
background-position:top left;
background-image:url(../bin/margin-t.png);}
.margin-b-1{background-repeat:repeat-x;
background-position:bottom left;
background-image:url(../bin/margin-b.png);}
.margin-l-1{background-repeat:repeat-y;
background-position:top right;
background-image:url(../bin/margin-l.png);}
.margin-r-1{background-repeat:repeat-y;
background-position:top right;
background-image:url(../bin/margin-r.png);}
.main-1{text-align:middle;}
I get a small circle instead of a square :mad:
Me :D
Now who can draw inside that square a other square that is 17px smaller on each side ?
:confused:
body{background-color:silver;
text-align:center;
margin:0px;
padding:0px;
}
body,input,label,p,select{
font-family: sans-serif;
font-size: 14px;
font-size-adjust: none;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-stretch: normal;}
table{border-collapse:collapse;
display:block;
border:1px solid black;
width:100%;
height:100%;}
.corner-tl-1{background-repeat:no-repeat;
background-position:top left;
background-image:url(../bin/corner-tl.png);
width:17px;
height:19px;}
.corner-tr-1{background-repeat:no-repeat;
background-position:top right;
background-image:url(../bin/corner-tr.png);
width:17px;
height:19px;}
.corner-bl-1{background-repeat:no-repeat;
background-position:bottom left;
background-image:url(../bin/corner-bl.png);
width:17px;
height:19px;}
.corner-br-1{background-repeat:no-repeat;
background-position:bottom right;
background-image:url(../bin/corner-br.png);
width:17px;
height:19px;}
.margin-t-1{background-repeat:repeat-x;
background-position:top left;
background-image:url(../bin/margin-t.png);}
.margin-b-1{background-repeat:repeat-x;
background-position:bottom left;
background-image:url(../bin/margin-b.png);}
.margin-l-1{background-repeat:repeat-y;
background-position:top right;
background-image:url(../bin/margin-l.png);}
.margin-r-1{background-repeat:repeat-y;
background-position:top right;
background-image:url(../bin/margin-r.png);}
.main-1{text-align:middle;}
I get a small circle instead of a square :mad: