Big Cartel NavBar issue, Gap at top of page

...Just went through this same issue in customizing a Tumblr blog, unfortunately the same fix did not apply here...

Seems like it must be something fairly simple, just can't see the solution.
I just need the navbar to sit flush with the top of the page as seen here:

Unfortunately applying basically the same code here it's looking like this:

here is my CSS for this page:

Any help would be greatly appreciated, thanks in advance!

Tumblr blog baffler....


I've been working on customizing a tumblr template and at the moment I've hit a brick wall. It seems like it must be something super obvious but at the moment I can't figure it. Any help would be uber appreciated.

Here is the tumblr blog link:

I created the navbar and it should sit flush with the top of the page (as seen here:, made this page as well) but I can't figure out why it will not. I have zeroed the margin and padding.

How to left-align text WITHIN individual li?

I've made a horizontal bar of links, and now I want to add a couple of lines of explanation to the right of the links, stacked on top of each other, but still in the bar. This is working fine except for one minor thing: I want both lines of text to start in the same place horizontally so they're both left-aligned. Currently they look like a centered paragraph.

In .explanation I tried using text-align: left but it had no effect.


<div class="bar">
	<ul class="barlist">
		<li><a href="#">1</a></li>
		<li><a href="#">2</a></li>

Align 3 boxes in the center

Hello, I have checked all over google and have not found an answer to my question that works. I have 3 boxes with text boxes underneath that need to be aligned to the center while remaining in a line. Note the boxes under the picture boxes are separate due to peoples suggestions.

Pleas help.

html code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "">
<html xmlns="">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Description" content="

Simple Footer Problem....

Hi guys I am new to CSS but it is bugging me already I have a footer which has a footer wrap. Basically I want some text to float right and left of this wrap whilst being on the same line. I have tried for ages but I know its a quick minute job once you know how. Here is the code:


<div id="footer">
  <div id="footerwrap">
  	<div class="leftfooterwrap">
      <li><a href="/" title="Home">Home</a></li>
      <li><a href="/" title="CCTV">CCTV</a></li>
      <li><a href="/" title="Burglar Alarms">Burglar Alarms</a></li>

Syndicate content