My Website

[Stupot]

I have made my website look and feel a little bit more like a webiste ( before it was just a page with some links on and a logo.
What do you guys think of its new look.
www.toxicsock.co.uk
Some pages are the same as I just used the home page as a template for the others and content is a little on the slim side.
But ignoring these things, what do you think of my style, logo and layout?

[auriond]

I don't think it's supposed to do this, but on my widescreen, everything's all wonky. The title banner's in the center, but the yellow box with your content is on the left, while the black and yellow barricade-style dividing  line has extended beyond the box to the center of the screen.

[Stupot]

ahhh, bummer.
hoped it wouln't do that...
How do I go about making everything stay together regardless of screen resolution?
Has anyone else had this problem.

Argh, can I just say I'm really annoyed, about that, I've put a fair bit of time into it and now I may have to completely redo it.

Cheers for letting me know Ariond.

[EDIT]

I'll have a play about tomorrow, but if I can't work out what to do I'll have to have the navigation at the top so it centres properly and that should avoid the boxes going all over the place... Dunno about the black and yellow tape going off the side, I might just have to make the image smaller or something.   It's not always fun being an amature.

[auriond]

Well, I hold my sites together using the < div > tags... not sure if that's the best way to do it though. I used to put my contents in tables and center them, but it's a clunky way of doing things and probably out of date by now. So yeah, unless someone else comes up with a better idea, div tags are the way to go hope that helps.

[Stupot]

These are in div tags, I've only just learnt how to do them, too.
I apologise, people. This thread was suppsoed to be for critique not a "help me" one.... I've posted enough of those lately.

[Darth Mandarb]

Use tables ... they're easy to use and will work perfectly for this.

Something like this:

Code: ags

<table width="700" align="center">
  <tr>
    <td colspan="2">Header Stuff</td>
  </tr>
  <tr>
    <td width="200">Navigation Stuff</td> 
    <td width="500">Content Goes Here</td>
  </tr>
</table>

The "header stuff", "navigation stuff" and "content goes here" stuff could be filled with nested tables rather than just text.

The main thing I would suggest is padding and margins.  Make sure everything is uniform and aligned.

[Peder 🚀]

I would say tables are far from out of date!
I use tables everyday .

So do what Darth is saying.

Now,
About your website looks:

I not sure what to say about the background (the black line).
For some reason I dont think it fits....
Also the background of the logo should be transparent instead of white to fit better.
Other than that the logo itself is looking really good!

Maybe giving the links some different colours than the default ones could look better.

On some of the pages it also messes up a bit.
Menu being above the content etc.

So when you get all that fixed and think about the other things I said, I think this will be a nice looking website .


Peder Johnsen.

[Stupot]

How's this NOW?

Thanks for the code Darth.
I've inserted them into a table now, but kept the div tags to keep the black borders (coz normal html table borders are crap!!).

Peder, thanks for the comments, I'll try out a few different backgrounds in due course, though I quite like it like that.
You're right about the logo needing a transparent background instead of a white one, but for some reason when I make a transparent one in photoshop it goes white when I save it and if I save if as a PNG it goes BLUE?!?!

The links at the side are just temporary, I'm going to make buttons for them in a similar style to the text in the logo.

Ariond, if you're there.Ã,  How is it looking on your widescreen monitor? any better?

[Captain Lexington]

I have a widescreen, and I had the problem before.

And the problem is gone!

A beautiful site, Stupot.

[Stupot]

ahh, excellent news.
Thanks Orator.

[Peder 🚀]

but kept the div tags to keep the black borders (coz normal html table borders are crap!!).

I know what you mean, but that is just the default border and cause you put borders on the whole table..
You can easily make the same border effect with tables as you got now..
But it doesnt really matter what you do .


It is looking alot better now using the tables!

Also about transparent logo..
I could make it transparent when I get home today..


Peder Johnsen.

[trylle]

I prefer using div/span because you can then skin the site fairly easily using css and change the layout without doing pretty much anything in the html code (if you do it correctly and somewhat well thought-out, that is).

Also, it loads faster (or rather, you can see the page while it loads, which doesn't work as well with poorly implemented table layouts).

That's not to say tables are bad. They have their uses, but I wouldn't use them for layout, especially because they ruin the presentation/content separation. Just my rant, though.

About the site:

I'd turn down the contrast on the background, because the huge contrast makes it pop out a bit.

You should resize the title image to the size you're using on the site, because you shouldn't rely on browser resize capabilities (they usually suck, and it does give aliasing on my firefox).

The blue color on the links doesn't work well with the color scheme used elsewhere on the site, but I read you're going to change that. Definitely do that.

Getting fairly nitpicky now, but the space after the black/yellow "under construction" (or what it is)-bar after the page title is a bit annoying, especially since it's inconsistent. This could be fixed if you started the first paragraph underneath it on each page with a header (as you do on some of the pages).