6 replies [Last post]
MarkusVPhoto
MarkusVPhoto's picture
Offline
newbie
Last seen: 2 years 18 weeks ago
Timezone: GMT-6
Joined: 2011-12-06
Posts: 6
Points: 9

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:

http://mitchellkphotos.com/

Here is my attempt at a site homepage:

http://markschubert.webege.com/Attempt2/Index.html

Thanks.

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 1 day 1 hour ago
Dallas
Timezone: GMT-5
Joined: 2004-06-25
Posts: 9048
Points: 3017

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

Unplanned code results in a tangled wad of brain-cramping confusion.

There are enough html & css demos and tutorials to be interesting. Please visit.

MarkusVPhoto
MarkusVPhoto's picture
Offline
newbie
Last seen: 2 years 18 weeks ago
Timezone: GMT-6
Joined: 2011-12-06
Posts: 6
Points: 9

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?

MarkusVPhoto
MarkusVPhoto's picture
Offline
newbie
Last seen: 2 years 18 weeks ago
Timezone: GMT-6
Joined: 2011-12-06
Posts: 6
Points: 9

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?

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 1 day 1 hour ago
Dallas
Timezone: GMT-5
Joined: 2004-06-25
Posts: 9048
Points: 3017

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

Unplanned code results in a tangled wad of brain-cramping confusion.

There are enough html & css demos and tutorials to be interesting. Please visit.

MarkusVPhoto
MarkusVPhoto's picture
Offline
newbie
Last seen: 2 years 18 weeks ago
Timezone: GMT-6
Joined: 2011-12-06
Posts: 6
Points: 9

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?

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 1 day 1 hour ago
Dallas
Timezone: GMT-5
Joined: 2004-06-25
Posts: 9048
Points: 3017

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

Unplanned code results in a tangled wad of brain-cramping confusion.

There are enough html & css demos and tutorials to be interesting. Please visit.