First POSTABLE layout

[Draucia]

I started coding using xhtml and css, and this is what I created. I think this is "usable". It's not "good", but the best I've ever done.

http://drauciatemplates.110mb.com/layout1/

Rate? I need advice!

 

The corners on that red patch at the top have white pixels on em. Try trimming that down and it should be fine.

It's nothing professional and the code is a little all over the place, but other than that it looks fine so far. Might want to make room for a custom banner perhaps?

 

[T R 1 B A L]

Also, don't make the nav bar using a drawn div, it fucks up.

 

[Draucia]

The corners on that red patch at the top have white pixels on em. Try trimming that down and it should be fine.

It's nothing professional and the code is a little all over the place, but other than that it looks fine so far. Might want to make room for a custom banner perhaps?

Yeah I noticed that too but I was too lazy to fix it, haha. I know it's not professional but waht do you mean the code is a little all over the place? And if I wanted to put a custom banner I would probably just put it to the side.

For you, I'd recommend photoshop + splice. There's a thousand tutorials on youtube. You still need to know HTML + CSS for the content, but as far as design goes, it's a whole lot easier.

I'll look into that.
EDIT: Thanks, this will help me a bit. And did you mean slice?

Also, don't make the nav bar using a drawn div, it fucks up.

What is a drawn div?

 

[Jimmy]

Doesn't display correctly in google chrome

 

[poopy2177]

I sorta like it because it's simple.

I would make buttons you can do that by using the splice tool and the coding for it is easy

I suck at designing sites I just took 2 years of web design so I know the concept of it

 

[`Failure]

Also, gloss is pretty much overused and looks bad because of everybody doing it terrible wrong.

Remember to contract your stoke by 1 or 2 pixels depending on the size for real-ness looking.

 

[T R 1 B A L]

Doesn't display correctly in google chrome

This is what I meant, and It's because the different divisions aren't relative to one another, but rather it seems they were drawn in dreamweaver, so their true position is relative to the corner of the page (I think..?).

 

[Draucia]

I use chrome lol. Anyways, I got it figured out. Before I was using position:absolute and putting like 500px from the top etc, but when you resized window/had different screen resolution then me, you would have displaced text. Now, I use nested divs and use position:relative. It works much better and when you resize window, the text stays relative to the other div (header, in this case). And no tr1bal, they weren't drawn.
But you were right about it not being relative.

Yes, it is slicing, but it's referred to as splicing.

Oh okay.

I sorta like it because it's simple.

I would make buttons you can do that by using the splice tool and the coding for it is easy

I suck at designing sites I just took 2 years of web design so I know the concept of it

Thanks for the feedback.

Also, gloss is pretty much overused and looks bad because of everybody doing it terrible wrong.

Remember to contract your stoke by 1 or 2 pixels depending on the size for real-ness looking.

Yeah I was kinda stuck and I couldn't just leave the header empty.

Thanks everybody for the feedback. I have created a similar layout, but it's not finished. I need advice on it.