Tue, 2011-12-06 20:40
I am trying to create a personal website for my photography and I have been trying to create a wrapper div for my entire website, however the wrapper does not reach the top and bottom of the pages but I want it to. Any suggestions on how to go about doing this?
here is an example:
Here is my attempt at a site homepage:
http://markschubert.webege.com/Attempt2/Index.html
Thanks.
Tue, 2011-12-06 20:56
#1
The body element, by default,
The body element, by default, has an 8px margin. Set that to zero, and you're good to go.
Ref the photo: scale that down to the desired size, and lower the quality level. The web is not photo-stock, and monitors only support about 100px per inch; pretty low resolution. 500+ Kbytes is too large for a sane download.
cheers,
gary
Tue, 2011-12-06 21:04
#2
Problems with the bottom wrapper.
So, I did what you said and the top aligns with the top of the page, however the bottom hasn't moved at all, what to do?
Tue, 2011-12-06 21:05
#3
Wrapper and h1 tag not working.
also if you look at the page, the wrapper stops at the h1 tag and then continues after that, why does it do that?
Tue, 2011-12-06 21:11
#4
No, that's not what is
No, that's not what is happening. You gave h1 a black background, then made the line height one-half the font size. Pretty slick, I thought.
cheers,
gary
Tue, 2011-12-06 21:31
#5
Image border?
What would be the easiest way to put a border around an image. A black border around the image on the front page?
Wed, 2011-12-07 00:11
#6
You could do this:img.center
You could do this:
img.center { border: 2px solid black; display: block; margin-left: auto; margin-right: auto; }
You seem to lack some basic css knowledge. I suggest you expand your base by working through the tutorials at http://htmldog.com/. They alternate between html and css, each building on what you've already done.
cheers,
gary