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

Popular posts from this blog

c# - sqlDecimal to decimal clr stored procedure Unable to cast object of type 'System.Data.SqlTypes.SqlDecimal' to type 'System.IConvertible' -

Calling GetGUIThreadInfo from Outlook VBA -

Obfuscating Python code? -