I stayed up until 2:30a.m. to provide a cleaner, easier to read layout.
To all the nerds in the house: This is a three column layout and I want to alter the code to make the middle column narrower and the text/body column wider. I'm having a difficult time locating that particular line of code in the html, so if you can help, let me know.
1 comments:
Subscribe to:
Post Comments (Atom)
It looks like your column widths are set in this section:
#primary{width:457px; /*_width:580px; */ /* IE Hack */float:left; padding:10px 0 15px; margin:0 20px 0 30px; /*_margin:0 20px 0 15px; */ /* IE Hack */display:inline}
.secondary{font:1em/1.5em 'Verdana',Lucida Grande,Arial,Helvetica,Sans-Serif; padding:10px 0 0px; margin:0 0 0 10px; width:158px; color:#A0A0A0; float:left; display:inline; /* The following are IE Fixes *//*_padding:30px 0 0px; _margin-left:4%; _margin-right:-4%; _width:26.5%; */ /* IE hack */}
.tertiary{font:1em/1.5em 'Verdana',Lucida Grande,Arial,Helvetica,Sans-Serif; padding:10px 0 0px; margin:0 0 0 30px; width:158px; color:#ff72d6; float:left; display:inline; /* The following are IE Fixes *//*_padding:30px 0 0px; _margin-left:4%; _margin-right:-4%; _width:26.5%; */ /* IE hack */}
Fiddle with the numbers in bold to adjust the widths. Primary should be the left column, secondary should be the middle, and I'll let you figure out where tertiary is.