Making a Good Website

[Knights]

I am working on a website for my CS 1.6 clan, and I managed to make a pretty nice banner + links. However the rest of the site layout looks pretty bad. How would I go about making it look better? (Eg. should I change the color of the text? Font? Color of borders? Background? Etc.)

Thanks,
Knights

EDIT: Oops lol forgot link..

http://begfm.servegame.com

 

[sqrage]

Sample?

 

[konerboy]

it looks nice! but the Cloud render looks boring and dosn't fit in, paint it black and add some other stuff so it dosn't look empty.

My idea/vision

Spoiler

[/IMG]

Render

 

[Hero]

konorboy's Idea looks so much better.

Also the text is very edgy and in some places hard to read.

 

[Knights]

Thanks guys!

I will try a little news tab thingy on the left side now. I might also do similar ones as like, polls, etc.

=D

I will also change the font to something a little easier read.

Thanks,
Knights

 

[konerboy]

cool let me see your result

 

[PurgeandFire]

Hmph. It won't load for me. :\

Good luck with the site Knights!

 

[Knights]

New, more stable link: http://begfm.bloodservers.com/Website

Tell me what you guys think. I hope it's all right that I pretty much copied your News thing konorboy. <3

If you guys have any other suggestions, I know you all are good at site-making, and I'm not, (this is my first "good looking" site lol..) so tell me!

Thanks,
Knights

 

[konerboy]

put the news thing outside the box it looks crowded to me.

Grey dosn't fit, what happened to the black color??

 

[Knights]

I can't get anything to align properly if the news thing is on the outside..

I change the background to black again, but I think maybe a LITTLE brighter of a black in comparison to the inside black would be nice.

I'll try a few colors.

Also I have this picture (800x1024px) and I'm trying to put it in the main div which has the news and posts in it, but it won't work like the news or posts div..not sure why.

This is the picture:

Spoiler

And this is how I coded it:

<div align="center" class="main" style="height: 1026px; width; 802px; margin: 1px; float: center;">

There is also a </div> later of course.

On the style sheet:

.main{
	width: 802;
	background: url(imgs/BMBg.jpg);
	padding: 15px;
	border: 3px solid #ffffff;
}

BMBg.jpg is the picture I showed you before. Whenever I have this code like this, the background for the main div (with the news and posts) nver shows up.

Thanks,
Knights

 

[konerboy]

well it should be possible..

try do this.

<div align="left">

<a href="http://planetrenders.net/renders/albums/userpics/75008/normal_Counter-strike.png"</a>

</div>

is the white box a iframe/table??

 

[Rad]

Is this what you want?

To see how its done go to view and find page source.

In order to make text be inside of the region of the image, you have to use padding. While on that subject, you can also use margins to indent the background and contents.

And for general background usage see Backgrounds.

 

[Knights]

Yes Rad, that is exactly how I coded it...the image was just corrupt on the ftp server or something, works on my local computer. BegFM.servegame.com seems to work fine with it.

Konor, the white box is just a 3px border of FFFFFF lol is that what you mean?

 

[konerboy]

Yes Rad, that is exactly how I coded it...the image was just corrupt on the ftp server or something, works on my local computer. BegFM.servegame.com seems to work fine with it.

Konor, the white box is just a 3px border of FFFFFF lol is that what you mean?

well then it shouldn't be a problem moving a photo outside, use <div> or CSS.


the Red border would be too much

 

[Knights]

Take a look at it now:

http://begfm.servegame.com

Only problem is when you aren't in a full sized browser it is all screwed up. How would I fix that..

 

[enouwee]

It looks pretty broken. You're missing a > on one of your <div>'s.

 

[Knights]

Can you point out which div? Cause I can't find any that are screwed up and it looks fine to me lol...

 

[enouwee]

The one above "Posted by: Mash". Actually, the whole page begs for mercy.

If you're going to make it XHTML transitional or strict, put your tags in a valid hierarchy (<html> has to be root and must not appear somewhere in the middle), use short tags, remove that <center>, ...

It's steam:// and not steam//

 

[Knights]

Thats really weird, for me it looks like:

Spoiler

>the whole page begs for mercy.


>It's steam:// and not steam//
Ty

 

[konerboy]

post your HTML document and maybe also your CSS