View Full Version : How to code this picture?

07-16-2007, 09:07 PM
First and foremost, I read CSS & HTML & a bit of XHTML before I asked this question. I read them in 2 sites, DaveSite.com & W3Schools.org
Can somebody help me whether how to code this picture?
I would really appreciate it, thanks!
( I am trying to make a Skin for Paint.NET for the contest if your asking! )http://i210.photobucket.com/albums/bb251/flipmc/BackgroundTemplate.png

07-16-2007, 10:45 PM
Modern web development is much about semantic HTML (http://www.boagworld.com/archives/2005/11/semantic_code_what_why_how.html) and an empty image isnít telling very much about what will be on the site eventually and how itís supposed to be structured.

For example what purpose has this narrow frame below the header?

As it is now I would suggest you cut the image in three parts. The top part goes down to the top of the content section, including the rounded corners. The second part is a one pixel high image with the side borders of the content section (so itís as wide as the box). The third image will be the bottom of the content, the rounded corners and bottom border.

Then the basic HTML is pretty simple. Three divs, header, content, footer, all wrapped in one container. You would apply the top image to the header, the middle to the content, repeating vertically, and the bottom to the footer.

Of course this is just the most basic help but I wonít code the entire thing for you. And if the content is different from what I assumed here then the approah might be different as well so I donít wanna waste too much time in explaining/coding something that might be totally different then.

07-17-2007, 03:29 PM
Ok Thanks.
I'll try it out! :thumbsup:
Oh and below the banner is the navigator..
I just wanna put the words after I code it somehow.