I'm trying to create a menu, but the submenu items are on top of each other.
Here is a link to the demo: http://jsfiddle.net/kwS7h/1/
I'm working with a responsive website theme so images and elements re-size automatically as the size of the browser window changes. I have a header image and under it a main content area. Everything re-sizes just fine except that the vertical distance between the header and the content increases as the window gets smaller. On a smart phone, the content gets pushed just about off of the bottom of the screen. Is there a way to prevent this?
Here's the link to the page I'm working on:
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.
Is there any way to just make the entire page fixed so that nothing changes at all when you zoom in or out and everything just gets smaller/bigger appropriately? I'm kind of inexperienced with html and css, but I have things the way I want them and this is really the only problem I've come across. I'm using webgui.
What are the best ways to align items on a page with CSS?
How do you incorporate a grid into your design and make it responsive?
These are the things I struggle with the most. I would really appreciate any help I could get with this!