CSS Theme question

Greeting -

I am trying to adjust the "shows" section in the #blurb part of my css. I can not get this to "slim down" so it sits correctly, without bleeding into the next section. Any advice would be appreciated.

http://www.brandnamedude.com/site/
jrsnmediaAsked:
Who is Participating?
 
Kim WalkerConnect With a Mentor Web Programmer/TechnicianCommented:
Both the "widget-container..." and "bit-events" divs, as descendants of #blurbs, have a 20px left margin (line 131). The width of the columns in the table are all being determined by the longest words in them except the Tickets column which has a fixed width of 55px. In order to "slim down" the table, you'll have to go to a narrower font or a smaller font-size.

Firebug or Web Developer, which are available for both Firefox and Chrome, are excellent tools for seeing the cascading effects of your CSS. These are both add-on to Firefox or Chrome.
0
 
LZ1Connect With a Mentor Commented:
You may also wish to float the "Connect" column right. As xmediaman said, all 3 columns are using the 20px left margin. But the last column will need to float to the right and have a left margin. The other columns should have a margin-right and be floated left.
0
 
jrsnmediaAuthor Commented:
Thank you both for your help with this, very insightful and I believe will help me achieve the look
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.