Basic Issues with Page Layout

Hi All,

So I've decided to start using Google Web Designer, a desktop application for Mac/Windows. I made my first site (just one page for now), and I'm having a little difficulty with figuring a few things out. Here's what I'm struggling with:

• if you resize your window or even open the page on a differently sized monitor, it just stays where it is, it doesn't move to accommodate the size of your browser window.
• there is no scroll bar.
• when I hyperlink text, I'm required to make it blue and underlined.

If anyone has any ideas they'd be greatly appreciated!

Problems embedding and scaling a video slider?

Hello,

I'm trying to embed a fluid video that would auto-fit the screen, I tried a lot of tricks but to no avail.

Please help me!

http://www.socialbunny.co/stadio

Thank you!

Drop Down Menu Text Showing Behind Photos

I've tried changing the z-index but nothing is changing?? On Chrome the menu appears normal though on other browsers such as Safari it's hiding behind the gallery images (not the home page slider) Maybe someone can help because I've done as much I can think of, thanks heaps !

my website is - White Boda Wedding Photography and you can see when you visit 'photography' you'll see the menu hides behind the gallery.

Good Book that Teaches Layouts

Hello
I'm looking for an awesome book that teaches CSS Layouts. Positioning elements can be quite a challenge in CSS. I have gone through the site http://learnlayout.com/ but that's just the very basics. I'm looking for a book that goes over layouts comprehensively.
I searched on Amazon but I really can't tell if the books are going to teach a whole lot of positing.

CSS Dropdown Menu Alignment

I am having trouble aligning this drop down menu I created. The drop down menu won't align with the main menu correctly. Please help me align it properly.

Here is my CSS:

li {
display:inline;
padding-left:30px;
padding-right:30px;
}
ul {
list-style: none;
text-align:center;
}
ul li {
display: inline-block;
}
ul li a {
color: 000000;
text-decoration: none;
font-size: 24px;
text-align:left;
}
ul li ul {
display: none;
position: absolute;
}
ul li:hover ul {
display:block;
background-color: transparent;
position:absolute;
text-align:center;
}
ul a:hover {

Syndicate content