Need HTML help

[Promise]

Well I gave making my own website a try. I only have the home page done so far.

 

 

 

When I look at it, the thing that bugs me is that its not big enough to fill up the screen. What I want is to have my "main area" to the right of the screen and use a repeating background to the left that'll make it full the screen.

 

 

 

Also, I'll be posting my gfx stuff there, so where would i find codes to have an image viewer box...thing.

 

 

 

Here's what I got so far, so read too much into any of the content, just threw it there to fill it up for now.

 

 

 

Here's the link: www.anawati.ucoz.com

 

 

 

Even though the webhost is ucoz, I didn't use any of their premade templates, the web page was made only by me.

 

 

 

Thanks! :)

[Promise]

Just noticed i spelt signatures wrong. :wall:

 

 

 

And my text under recent seems to be out of place....hmm

[ElkNight]

I think you spelled speechless wrong.

[ipkjooo]

Start over, no tables.

[Promise]

Start over, no tables.

 

 

 

Care to elaborate before you tell me to start over? :roll:

[Promise]

I think you spelled speechless wrong.

 

 

 

I know, I just realized Ps had a spell check! Need to fix all that.

 

 

 

if you guys see anything strange at the bottom of the page, just ignore it, i'm experimenting with some codes.

[Nadril]

[Promise]

[ipkjooo]

Oh sorry, I meant the coding was horrific, it looks great though :P

 

 

 

But yeah, people wont take you seriously at all if your website is in tables.

[Mil]

Ah, I believe you may have used Photoshop's save for web and devices tool? If so, don't use it! Of course, the design is great, you should really just start the coding part over again.

 

 

 

You have got most of the images sliced correctly, but for the menu, save each word as it's own image, or just don't save it at all and use plain text (HTML). I don't know how much exactly you know of XHTML/CSS, so I won't treat you like you have no knowledge ;)

 

For the background repeat you wanted;

 

 

 

The CSS for it would be:

 

body {

background:url(http://example.com/image/) #000000 repeat scroll 0 0;

}

 

It's pretty self-explanatory; find more detail on CSS in links below.

 

 

 

It's quite hard to explain how to do everything correctly here, so I'm going to link to some useful guides that you may find handy :thumbup: (no pun intended).

 

 

 

Design and Code a Slick Website from Scratch Part I

 

Design and Code a Slick Website from Scratch Part II

 

Coding a Clean Web 2.0 Style Web Design from Photoshop

 

30 HTML Best Practices for Beginners

 

How to Convert a Photoshop Mockup to XHTML/CSS

 

HTML & CSS - The VERY Basics

 

 

 

There are more that I could link to, but it's just important right now to understand the structure of websites, and understand how it works. Hope I could have helped :thumbup:.

[Promise]

Thanks for all the help guys! Very much appreciated. :thumbsup:

[dsavi]

Use divs sparingly- Use other elements like ul, li, dt, dl, dd (etc.) not just divs (And spans for that matter, although they are easier to not overuse).