I'm using it to hang what's happening in the browser. However, the last assignment was one. Where can not I just change the post-update section, but how can I push it at the top of the page? (So far I've tried status: full without luck)
ed: Both answers help, I'm thankful.
& lt; Div id = "post-update" & gt; needs to be played on the right and the width of the header is limited to fit in the screen.
HTML
& lt; Div id = "content" & gt; & Lt; Div id = "header" & gt; & Lt; H1 id = "stf" & gt; Stanford Connection & lt; / H1> & Lt; Img src = "// i62.tinypic.com/i2onyf.gif" alt = "I am a tree" /> & Lt; / Div & gt; & Lt; Div id = "about" & gt; & Lt; Img src = "// i62.tinypic.com/2vnkmtl.jpg" alt = "Molly" /> & Lt; H2 class = "section-heading" & gt; About me & lt; / H2 & gt; & Lt; P & gt; & Lt; Strong> Birthday: & lt; / Strong> December 8, 2001 & lt; / P & gt; & Lt; P & gt; & Lt; Strong> Gender: & lt; / Strong> Women & lt; / P & gt; & Lt; H2 square = "section-headline" & gt; Friends & lt; / H2 & gt; & Lt; P & gt; & Lt; Strong & gt; Patrick Young & lt; / Strong> & Lt; / P & gt; & Lt; P & gt; & Lt; Strong & gt; Chloe Cox & lt; / Strong> & Lt; / P & gt; & Lt; / Div & gt; & Lt; Div id = "update" & gt; & Lt; H1 & gt; Malli the Flopup & lt; / H1> & Lt; H2 class = "section-heading" & gt; Status update & lt; / H2 & gt; & Lt; P & gt; When am I being fed? & Lt; / P & gt; & Lt; P & gt; I want to go for a walk & lt; / P & gt; & Lt; P & gt; There is a squirrel on the courtyard, why not Patrick will let me follow it? & Lt; / P & gt; & Lt; P & gt; I really like the heat, because I'm on the patio & lt; / P & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; Div id = "post-update" & gt; & Lt; H2 square = "section-headline" & gt; Post updates & lt; / H2 & gt; & Lt; Form action = "" & gt; & Lt; Textarea name = "" id = "cols =" 30 "rows =" 10 "& gt; & Lt; / Textarea & gt; & Lt; Br> & Lt; Input type = "button" value = "submit new update" align = "left" /> & Lt; / Form & gt; & Lt; / Div & gt; CSS
body {padding: 0.5 AM; } Strong (font-weight: bold; } H1 {font-size: 32pt; Text indent: 1am; Padding-Top: 0.3 AM; Padding-down: 0.3 AM; } #stf {margin-left: 1em; Line-height: 2.5m Display: Inline; Vertical-alignment: top; } # Content {width: 50 names; Swim left; } #header {background-color: # 9A0000; White color; Height: 120px; } # Header img {display: inline; Vertical-alignment: top; float right; }. Section-title (border-top: 3px solid black; border bottom: 3px solid black; background color: # CC9191; font size: 13pt; padding-left: 0.5 AM; padding-down: 0.3 AM; padding-top: 0.3 AM ; Margin-down: 0.5 AM; margin-top: 0.5 AM;} #about {width: 200px; font-family: sans-serif; font size: 12pt; floating left;} # traffic img {margin-top: 7px; } #updates {/ * Background: # AA4; * Swimming / Left; margin-left: 10px;} #updates p {border-top: 2px solid black; line-height: 2 AM;} # Post-update {float : Right;} texts {Width: 17 AM; Height: 7 AM;} 
Comments
Post a Comment