I want to get this picture Click Here to look like the picture on this website Click Here. It looks cropped almost because it doesn't look scaled or anything, but I know it's not cropped because I got the image off of this website. So any ideas. I tried to look at inspect element... I couldn't really decipher it.
Awesome!!! :D it works great... now do you know how to make that sort of dark overlay... to where it just looks darkened... I don't know how to do that either XD sorry I have never played with this kind of thing before so this is a pretty cool learning experience. Also I don't know if I'm just tired or something but I can't seem to get the <div> element snug to the sides... it has these little white spaces that look like this. Click Here
An overlay is generally just a div with opacity style applied to it. If you wanted to overlay the entire screen you set the div to position fixed and ensure its width and height fits the screen or whatever area you want to cover. You also need include the z-index style to place the overlay above/between the target elements. With regards to the space, that appears to be caused by the default browser styles related to margin and/or padding. You may consider using a CSS Reset to apply a margin and padding of 0 to all target elements. Do a quick search on that and you'll find a few popular resets.
Ok I have tried for a while now to figure out how to completely copy the top of this page Click Here but I haven't been able to do it. I do own this page and I can prove it, so I'm not doing anything wrong. It's just I'm still fresh learning HTML and I just could use some help.