Solved

CSS Theme question

Posted on 2012-04-02
3
269 Views
Last Modified: 2012-04-05
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/
0
Comment
Question by:jrsnmedia
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
3 Comments
 
LVL 22

Accepted Solution

by:
Kim Walker earned 250 total points
ID: 37800990
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
 
LVL 30

Assisted Solution

by:LZ1
LZ1 earned 250 total points
ID: 37801645
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
 

Author Closing Comment

by:jrsnmedia
ID: 37811820
Thank you both for your help with this, very insightful and I believe will help me achieve the look
0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Introduction A frequently asked question goes something like this:  "I am running a long process in the background and I want to alert my client when the process finishes.  How can I send a message to the browser?"  Unfortunately, the short answer…
This article discusses four methods for overlaying images in a container on a web page
The purpose of this video is to demonstrate how to add AdSense Ads to a WordPress Website, and how to set up WordPress to automatically place Ads in Sidebars. This will be demonstrated using a Windows 8 PC. Log into your AdSense account. : Cli…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

734 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question