Jump to content


- - - - -

My New Website

Started by Pilot_James , Sep 30 2010 11:22 PM

  • Please log in to reply
24 replies to this topic

#1 Pilot_James

Pilot_James

    Student Pilot

  • Members
  • PipPip
  • 12 posts

Posted 30 September 2010 - 11:22 PM

Well this is basically my first website. Fully cut up and put back together with div tags. What do you think?

http://jetbros.com/extatic/

#2 Janu

Janu

    Airline Transport Pilot

  • Members
  • PipPipPipPipPipPip
  • 3,793 posts
  • Location:Albion

Posted 01 October 2010 - 02:21 AM

Looks fantastic mate, great work!! :hrmm:

#3 Santa

Santa

    Commercial Pilot

  • Members
  • PipPipPipPipPip
  • 1,388 posts

Posted 01 October 2010 - 06:35 AM

The design is a bit "pre-web 2.0" and doesn't scale properly inside smaller browser windows. The contrast between the font colour in the header and the black boxes isn't good either. Try making it a little more "modern". Since it is a gaming website, take a look at IGN and other websites that are alike, you may get some inspiration for gaming-website related design there.

#4 -Dexter

-Dexter

    Supersonic

  • Members
  • PipPipPipPipPipPipPipPip
  • 20,183 posts
  • Location:West Virginia, USA

Posted 01 October 2010 - 08:27 AM

Protip:

Add this to your styles.css file:

body{
	width: 700px;

	font-family: sans-serif;
	color: white;
}

1. It will make the width 700px. For some reason, the page right now is extremely wide. This will limit everything between the <body> and </body> tags in your HTML.
2. It will also change the font to sans-serif (smooth).
3. It will ensure that all fonts are white (unless otherwise specified).


Also, at the top of your HTML file, you should be using the new HTML5 doctype:

<!DOCTYPE html>

Edited by pwn247, 01 October 2010 - 08:28 AM.

#5 Pilot_James

Pilot_James

    Student Pilot

  • Members
  • PipPip
  • 12 posts

Posted 01 October 2010 - 05:17 PM

the reason its so wide is because my footer width is set to 2000px lol. I need to add the footer to the background so i don't need to set the width. i will fix that soon. Thanks for your honest opinion guys. :hrmm:

#6 nightfox

nightfox

    Airline Transport Pilot

  • Members
  • PipPipPipPipPipPip
  • 3,122 posts
  • Location:Dublin, Ireland

Posted 01 October 2010 - 05:47 PM

For the navigation instead of using the <p> tag use a <UL> list and in the style sheet put:
list-style-type:none;
It will make it look better, and if you don't intend to use html5 as it is not out yet, you can keep the currrent doctype at the top of the page. Also use liquid style instead of fixed, as it scales better for the browser window, for all kinds of browser sizes. Also Gaming of the Feature doesn't quite sound right. Gaming of the future does though.
Cheers
Dan C

#7 -Dexter

-Dexter

    Supersonic

  • Members
  • PipPipPipPipPipPipPipPip
  • 20,183 posts
  • Location:West Virginia, USA

Posted 01 October 2010 - 05:52 PM

View Postnightfox, on Oct 1 2010, 06:47 PM, said:

For the navigation instead of using the <p> tag use a <UL> list and in the style sheet put:
list-style-type:none;
It will make it look better, and if you don't intend to use html5 as it is not out yet, you can keep the currrent doctype at the top of the page. Also use liquid style instead of fixed, as it scales better for the browser window, for all kinds of browser sizes. Also Gaming of the Feature doesn't quite sound right. Gaming of the future does though.
Cheers
Dan C
For the navigation bar using an unordered list, you need more CSS:

#navigation ul{
	list-style: none;
}
#navigation ul li{
	float: left;
}

:hrmm:

#8 Pilot_James

Pilot_James

    Student Pilot

  • Members
  • PipPip
  • 12 posts

Posted 01 October 2010 - 10:54 PM

oh i spelt future wrong haha.

#9 Prash

Prash

    Orville Reincarnate

  • Members
  • PipPipPipPipPipPipPip
  • 5,317 posts
  • Location:UK, England

Posted 02 October 2010 - 07:03 AM

Want an opinion in the real-world? It sucks.

PM me your MSN, I'll set you off in the right direction.

BTW, don't use the HTML5 doctype if you aren't using HTML5...

#10 nightfox

nightfox

    Airline Transport Pilot

  • Members
  • PipPipPipPipPipPip
  • 3,122 posts
  • Location:Dublin, Ireland

Posted 02 October 2010 - 09:19 AM

View Postpwn247, on Oct 1 2010, 11:52 PM, said:

For the navigation bar using an unordered list, you need more CSS:

#navigation ul{
	list-style: none;
}
#navigation ul li{
	float: left;
}

:hrmm:
I do know, I am assuming he knows how to code and use css.
Cheers
Dan C

#11 Santa

Santa

    Commercial Pilot

  • Members
  • PipPipPipPipPip
  • 1,388 posts

Posted 02 October 2010 - 07:10 PM

View Postnightfox, on Oct 2 2010, 03:19 PM, said:

I do know, I am assuming he knows how to code and use css.
Cheers
Dan C
Essentially, to code in CSS and use CSS are exactly the same thing.
Cheers
Dan C

#12 Pilot_James

Pilot_James

    Student Pilot

  • Members
  • PipPip
  • 12 posts

Posted 02 October 2010 - 08:35 PM

im really new lol. I have no idea what html5 is. i know what html is.

my msn: jamesjetglendora@hotmail.com

#13 fredrick_thy_grt

fredrick_thy_grt

    Private Pilot - IFR

  • Members
  • PipPipPipPip
  • 819 posts

Posted 02 October 2010 - 08:44 PM

View PostPilot_James, on Oct 2 2010, 06:35 PM, said:

im really new lol. I have no idea what html5 is. i know what html is.

my msn: jamesjetglendora@hotmail.com


HTML5 Here

Learn basic HTML/XHTML before going after HTML5

#14 -Dexter

-Dexter

    Supersonic

  • Members
  • PipPipPipPipPipPipPipPip
  • 20,183 posts
  • Location:West Virginia, USA

Posted 02 October 2010 - 09:03 PM

View PostPrash, on Oct 2 2010, 08:03 AM, said:

BTW, don't use the HTML5 doctype if you aren't using HTML5...
:hrmm:

Why not? I use it on all my sites and they go through the validator just fine.

#15 fredrick_thy_grt

fredrick_thy_grt

    Private Pilot - IFR

  • Members
  • PipPipPipPip
  • 819 posts

Posted 02 October 2010 - 10:33 PM

View Postpwn247, on Oct 2 2010, 07:03 PM, said:

:hrmm:

Why not? I use it on all my sites and they go through the validator just fine.

Why should he? If he isn't using HTML5 there isn't really a need to use the HTML5 doctype..

#16 Pilot_James

Pilot_James

    Student Pilot

  • Members
  • PipPip
  • 12 posts

Posted 03 October 2010 - 01:35 PM

Update:

new domain :hrmm:(found it cheap only 4.95/yr from http://www.netfirms.com check it out.)

http://www.extaticgaming.com

Just come little fixes and added some stuff.

#17 -Dexter

-Dexter

    Supersonic

  • Members
  • PipPipPipPipPipPipPipPip
  • 20,183 posts
  • Location:West Virginia, USA

Posted 03 October 2010 - 01:52 PM

Please, for the love of god:

body{
	font-family: sans-serif;
}



Quote

If he isn't using HTML5 there isn't really a need to use the HTML5 doctype..
The doctype takes up less space and supports HTML and XHTML. So you can use a mix of both and it will validate fine.

Edited by pwn247, 03 October 2010 - 01:55 PM.

#18 Pilot_James

Pilot_James

    Student Pilot

  • Members
  • PipPip
  • 12 posts

Posted 03 October 2010 - 02:52 PM

hey that font accually looks pretty nice. thanks bro.

Edited by Pilot_James, 03 October 2010 - 02:56 PM.

#19 -Dexter

-Dexter

    Supersonic

  • Members
  • PipPipPipPipPipPipPipPip
  • 20,183 posts
  • Location:West Virginia, USA

Posted 03 October 2010 - 04:13 PM

View PostPilot_James, on Oct 3 2010, 03:52 PM, said:

hey that font accually looks pretty nice. thanks bro.
The font is supported on all platforms (even mobile).

#20 Pilot_James

Pilot_James

    Student Pilot

  • Members
  • PipPip
  • 12 posts

Posted 03 October 2010 - 06:49 PM

dammm now i have no idea about php lol, that login is just for looks haha.
Back to Graphics Workshop


  1. Flight Sim World
  2. → General
  3. → Off Topic
  4. → Graphics Workshop
  5. Privacy Policy
  6. Community Guidelines ·