widgets, oh widgets.
May 4, 2011 8:51 PM   Subscribe

horribly noob question but I just need to know...how do I align my widgets?

I'm new to any kind of CSS/html stuff but am trying to learn by customizing tumblr themes. I have a tumblr I'm working on with a friend in Australia, and I added fun little time zone widgets so people could see the time difference between us. I'd just like them to line up; New York on the left; Melbourne on the right. Going into the code, I tried using a float left, but that just moves over the Sabrina/New York part, not the time incrementer. I'm sure this is massively easy; help me!

The link to the tumblr in question is in my profile.
posted by sweetkid to Computers & Internet (4 answers total)
Why not put them in a table?


You'll need to put brackets around each line. I can't figure out how to make it play nice in this comment box.
posted by msbutah at 9:47 PM on May 4, 2011

Best answer:
#mainNav {
  border-bottom: 2px solid #222222;
  border-top: 1px solid #222222;
  font-family: Cufon;
  /* margin-top: 20px; */
  padding: 15px;

#siteDescription {
  border-top: 1px solid #222222;
  color: #222222;
  font-family: Cufon;
  font-size: 13px;
  margin-bottom: -5px;
  margin-top: 20px;
  overflow: hidden;
  padding: 1em 0;
  text-transform: uppercase;
Add/change the bolded above and float the inner div's left and right. You can get rid of everything else on the inner divs. The padding for #siteDescription will take care of all that.
posted by rhizome at 10:14 PM on May 4, 2011

...the two inner divs of #siteDescription, that is.
posted by rhizome at 10:17 PM on May 4, 2011

Response by poster: thanks! I'll try these out.
posted by sweetkid at 7:27 AM on May 5, 2011

« Older What summer activities would be good for a college...   |   This page cannot be displayed? Newer »
This thread is closed to new comments.