Menu Items on top of each other

I'm trying to create a menu, but the submenu items are on top of each other.

Here is a link to the demo:

Trouble with CSS in a Tumblr theme

So I've been messing around on one of my side tumblrs, making it pretty and practicing my coding skills. I wanted a dropdown menu for part of it, because there were enough links that having them all visible all the time would take up a lot of space. I tried splicing in code for such a thing and then modifying it to fit the rest of my CSS, but that wasn't working, so I ended up on a site where you just put your titles and links in and it makes the code for you. It's working great, but only on the one page I've been working on.

Edit CSS file in wordpress theme

I want to make bigger font size of main menu.

I tried to correct some code, but it didn't work.

This is the header portion of style.css:

.head-row1 { height:90px; width:100%; overflow:hidden;}
.head-row1 .col1 { float:left; }
.head-row1 .col2 { float:right;}
.head-row2 { height:45px; width:100%;background:none; margin-bottom:11px;}
.head-row2 .col1 { float:left; width:721px;}
.head-row2 .col2 { float:left; width: 230px; margin: 7px 0 0 0;}
.head-row3 { width:100%;}
.head-row4 { height:; width:100%;}

Calling multiple images within a div or layer

Hi all,

I'm new to the forum so don't laugh too hard at my question here.

Okay, I'm fairly conversant in CSS - I say "fairly" because I know I still have a lot to learn.

Will someone help me figure out the following issue?

In the picture below, the top image is coming from Fire-bug in FireFox v24 and the bottom image shows fire-bug in Chrome. The problem I'm having is the line-height: normal; line. However, this line of CSS code only shows up in Chrome but not Firefox. And this line of code is not found any my .css file at all but it's affecting the outcome/display on the browser -- both browsers. So, where else should I look for this line to remove it?


Syndicate content