Difference between revisions of "Div links"
From MyWiki
| Line 62: | Line 62: | ||
float:left; | float:left; | ||
width:150px; | width:150px; | ||
| + | } | ||
| + | |||
| + | #div-1a { | ||
| + | float:left; | ||
| + | width:190px; | ||
| + | } | ||
| + | #div-1b { | ||
| + | float:left; | ||
| + | width:190px; | ||
| + | } | ||
| + | #div-1c { | ||
| + | clear:both; | ||
} | } | ||
Revision as of 21:51, 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;
}
#div-1a {
float:left;
width:200px;
}
#div-1a {
float:left;
width:150px;
}
#div-1b {
float:left;
width:150px;
}
#div-1a {
float:left;
width:190px;
}
#div-1b {
float:left;
width:190px;
}
#div-1c {
clear:both;
}