Diagonal Menu

Hi everybody,
I'm a mid-level CSS programer, and ran into a challenge and was wondering, how to set up this diagonal menu.

Does anyone can help me?

Thanks in advance.

Centering menu, how?

I have a menu, op top of my website.
The menu area is longer, than the text and buttons, so there's a lot of empty space in the menu area.
So i thought i want to center the text and buttons, but i cant get it to work
How do I do that?


#menu_wrapper {
margin-left: auto; margin-right: auto;
			#menu {
				font-family: Kari;
				font-weight: normal;
				text-transform: uppercase;
				margin: 50px 0;
				padding: 0;
				list-style-type: none;
				background-color: #405147;
				font-size: 20px;
				height: 40px;
				border-top: 2px solid #617566;

Search through multiple CSS files for specific line of code.

Long story short, the company I currently design for has a MASSIVE magento website. They just added a program known as Woopra. It's a chat window that does a lot of cool back-end things. Woopra integrated its css files in with some of the existing files, which normally wouldn't be a problem but there's 680 files with the word "css" in it according to the Windows Explorer search tool (315 are actual css files). So what I'm looking for is some search function or program that can read all the css files in the main folder and any subfolders within.

Navbar help needed

Hi everyone,

I'm new to CSS and I'm trying to get my navigation bar at the very top of my page, but unfortunately no matter what I try there is always a small bank space at the very top of the page before the navigation bar. Also, the navbar is not 100% width even though I've specified it to be. There are blank spaces to the left and right of the bar.. Here's my code:

#bar {
width: 100%;
position: relative;
padding: 0;
position: absolute;
.navigation li {

How did they accomplish the footer effect?

Hi, I am new to the forum but I am going to shoot myself pretty soon haha... I have been trying for a couple of days now to recreate the effect they have done at the footer section - it appears from behind with z-index:0 but I can't seem to fit it anyway I try to have it appear whilst scrolling to the bottom [under the content]...


I would be most grateful if someone could help and have a quick explanation of how they did this Smile thanks

Syndicate content