Difference between revisions of "Div links"
From MyWiki
Line 19: | Line 19: | ||
#div-1 { | #div-1 { | ||
position:relative; | position:relative; | ||
+ | } | ||
+ | #div-1a { | ||
+ | position:absolute; | ||
+ | top:0; | ||
+ | right:0; | ||
+ | width:200px; | ||
+ | } | ||
+ | #div-1b { | ||
+ | position:absolute; | ||
+ | top:0; | ||
+ | left:0; | ||
+ | width:200px; | ||
+ | } | ||
+ | |||
+ | #div-1 { | ||
+ | position:relative; | ||
+ | height:250px; | ||
} | } | ||
#div-1a { | #div-1a { |
Revision as of 21:49, 11 June 2014
http://www.barelyfitz.com/screencast/html-training/css/positioning/ good
#div-1 { }
#div-1 { position:relative; top:20px; left:-40px; }
#div-1a { position:absolute; top:0; right:0; width:200px; }
#div-1 { position:relative; } #div-1a { position:absolute; top:0; right:0; width:200px; } #div-1b { position:absolute; top:0; left:0; width:200px; }
#div-1 { position:relative; height:250px; } #div-1a { position:absolute; top:0; right:0; width:200px; } #div-1b { position:absolute; top:0; left:0; width:200px; }