diff options
-rw-r--r-- | standard.css | 68 |
1 files changed, 57 insertions, 11 deletions
diff --git a/standard.css b/standard.css index bb1117a..3288da4 100644 --- a/standard.css +++ b/standard.css @@ -1,12 +1,10 @@ - .trick { position:relative; // border: 1px solid green; height:500px; width:500px; - clear:both; } img @@ -17,10 +15,11 @@ img .oldtrick { position:relative; -// border: 1px solid green; + //border: 1px solid green; height:280px; width: 280px; - float:left; + float:right; + clear:right; } .oldtrick img @@ -35,7 +34,7 @@ img width:180px; left:50px; top:50px; - // border:1px solid black; + //border:1px solid black; } .trick div.table { @@ -48,11 +47,41 @@ img // border:1px solid black; } +div.card0>span +{ + position:absolute; + left:-70px; + //border:1px solid black; +} + +div.card1>span +{ + position:absolute; + top:-30px; + //border:1px solid black; +} + + +div.card2>span +{ + position:absolute; + left:40px; + // border:1px solid black; +} + +div.card3>span +{ + position:absolute; + bottom:-40px; + //border:1px solid black; +} + div.card0 { position:absolute; top:50px; left: 0px; + //border:2px solid; } div.card1 { @@ -102,12 +131,22 @@ div.card3 left:140px; } +span.comment +{ + text-decoration:underline; +} -.table div div +.comment span span +{ + text-decoration:none; +} + +.table div span span { position: absolute; - width: 65px; - background-color: red; + width: 100px; + background-color: white; + border:1px solid black; display: none; } @@ -117,14 +156,21 @@ div.card3 margin-bottom:10px; } -.table div:hover div +.table div:hover span span { display:block; } -.comment +.card2 span span { - background-color:green; + position:relative; + left:-80px; +} + +.card3 span span +{ + position:relative; + top:-40px; } .background0 |