.header { background-color:white; text-align:center; border-bottom:3px solid gray; } .card { position:absolute; z-index:20; top:18em; left:28em; text-aling:center; background-color:white; border:2px solid gray; } .card img { width:8em; } ul.oldtrick { position:relative; list-style:none; margin:3px; padding:0; /*background-color:yellow;*/ text-align:center; } ul.oldtrick a { text-decoration:none; color:#000;} ul.oldtrick li { /*background-color:blue;*/ margin:0.2em 0.5em; display:inline; } ul.oldtrick li:hover { background-color: yellow; } ul.oldtrick li div.table img.table { position:absolute; margin:0; padding:0; top: 4em; left: 3em; height:22em; z-index:-2; } ul.oldtrick li div.table { position:absolute; margin:0; padding:0; /*border: 5px solid green;*/ top: 10em; left: 18em; height:28em; width:28em; z-index:9; display:none; } hr {clear:both;} /*ul.oldtrick li:hover div.table{ display:block; }*/ ul.oldtrick li div div.card0 { position:absolute; margin:0; padding:0; /*border: 1px solid red;*/ top: 14em; right:25em; } ul.oldtrick li div div.card1 { position:absolute; margin:0; padding:0; /*border: 1px solid red;*/ top: 0; left:0em; width:28em; text-align:center; } ul.oldtrick li div div.card2 { position:absolute; margin:0; padding:0; /*border: 1px solid red;*/ top: 14em; right:0em; } ul.oldtrick li div div.card3 { position:absolute; margin:0; padding:0; /*border: 1px solid red;*/ top: 29em; left:0; width:28em; text-align:center; } ul.oldtrick li div div img { position:absolute; height:6em; margin:0; padding:0; } ul.oldtrick li div div.card0 img { top: -2em; left:5em; } ul.oldtrick li div div.card1 img { top: 3em; left:12em; } ul.oldtrick li div div.card2 img { top: -2em; left:-6em; } ul.oldtrick li div div.card3 img { top: -6em; left:12em; } ul.oldtrick li div div span { /*background-color:green;*/ } ul.oldtrick li div div.card0 span { text-align:right; } ul.oldtrick li div div.card1 span { text-align:center; } ul.oldtrick li div div.card0 span { text-align:left; } ul.oldtrick li div div.card0 span { text-align:center; } ul.oldtrick li div div span span { position:absolute; background-color:white; margin:0; padding:0; width:10em; border: 1px solid yellow; z-index:11; } ul.oldtrick li div div.card0 span span{ top:1em; left:-14em; border: 3px solid green; } ul.oldtrick li div div.card1 span span{ top:-1em; left:3em; border: 3px solid green; } ul.oldtrick li div div.card2 span span{ top:-2em; left:3em; border: 3px solid green; } ul.oldtrick li div div.card3 span span{ top:-1em; left:3em; border: 3px solid green; } .mycards { clear:both; margin:0; margin-top:38em; padding:0; border:1px solid red; background-color:yellow; } .mycards img { height:6em; } .line{ clear:both; border-top:2px solid gray; margin:0; padding:0; } .info { float:right; border:2px solid gray; border-top:0; } .bug { float:left; width:10em; border:2px solid gray; border-top:0; }