theblogbitme

After completing Bulletproof Web Design by Dan Cederholm, I have successfully created my first web site. It is a basic three column layout with an expandable row. I am missing the background images for the columns and the expandable row (per Dan’s instructions), but I am really happy that I have gotten this far. I gave each element a background color so that i would know how each element behaved during the construction. Check it out.

The trick with this layout is that the header tag automatically adds space between it and the next element in the site. I indicated that the margins were “0″, but still had problems. I admit, I received a little help from my resident expert and learned to specifically designate the next element has having no padding. In this case, the header is followed by a paragraph tag. In my CSS file, I had to denote the following:

#message p {

margin: 0;
}

This could be a browser specific problem, but I am not at the point of trying to test my crayola-like layout in various browsers. I am still working at the training wheels level, but I am the girl with the ribbons in her wheels.

This entry was posted on Thursday, July 13th, 2006 at 8:27 pm and is filed under Blogging 101. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.