Vertical Bars in HTML/CSS -
How would I go about creating vertical bars, all near one another (touch) middle to left of the page (All sizes in width)?
This is the trick for you:
& lt; Div id = "wrapper" & gt; & Lt; Div class = "bar green" & gt; & Lt; / Div & gt; & Lt; Div class = "bar graner" & gt; & Lt; / Div & gt; & Lt; Div class = "bar greenist" & gt; & Lt; / Div & gt; & Lt; Div class = "bar generist" & gt; & Lt; / Div & gt; & Lt; / Div & gt;
And to go with CSS:
html, body, #wrapper, .bar {margin: 0; Padding: 0; Height: 100%; } #wapper {width: 50%; }. Bar {float: left; Width: 25%; / * Should never add more than 100% *.}. Green {background color: # a8ff00; } .grir {background-color: # 7ad800; } .greenest {background-color: # 3eb603; } .greenerest {background-color: # 2c7e03; }
You can see it.
Comments
Post a Comment