Another very simple website question

[Duddyroar]

I swear I know how to do this already but I've clean forgotten how.

My current website has small text (Arial size 8) and I want to make it appear as so (taken from Nintendo site):



However whenever I select Arial and set it to 8, I get text like this:



I know there's a way of making it appear as it does on the Nintendo site, but I can remember how to do it.

Help?

[babs]

Have a look at the source for the nintendo site and if you're lucky and they make the css style declarations at the top, you could just copy them.

Are you using the <font> tags?

[AllYourBase]

your text is justified which is why you have bigger spaces for a start

check this out:
http://www.nintendo-europe.com/styles/global.css

You probably want to tax this:

body, td, p {
color: #484848;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
}

along with

.fontwhitebold, a.fontwhitebold:link, a.fontwhitebold:active, a.fontwhitebold:visited {
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}

PS don't use <font> tags in websites, they are evil and wrong!

[Duddyroar]

I'm not using CCS at the moment. How hard are they to incorporate? I'm using Microsoft Frontpage to create the site, BTW.

I'm not bothered about the text being justified - in fact I want it that way. I just want the actual text to look the same as on the Ninty site.

[AllYourBase]

I'm using Microsoft Frontpage to create the site

NOOOOO!!!!

[Duddyroar]

You're not the first person to say this...but do be honest it's the only program I have to hand and it's not like I'm crafting a high-performance website. For functional stuff it's fine.

So CSS...how?

[AllYourBase]

well if you save nintendos stylesheet:

http://www.nintendo-europe.com/styles/global.css

(remember file extension is .css) and put this on the server with the rest of your files - in each page on your site you must reference it by putting under the <TITLE> tags:

<link rel="stylesheet" type="text/css" href="style.css" />

this will apply the styles throughout your site, then its just a case of picking out the styles you want to use. To get the white style you would do:

<span class="fontwhitebold">Your text</span>

or:

<p style="fontwhitebold">Your text</p>

In the long run doing things this way will make your site more accessible and consistant.... and ultimatly easier for you to maintain

[Duddyroar]

Ahhh...I see...thanks for the info!

[AllYourBase]

You can of course do all this within frontpage:

http://www.uwec.edu/help/Fpage03/css-extrnl.htm

And then just copy and paste various styles you like by looking at nintendos source code into the "source view" for your .css in frontpage

[Duddyroar]

Lifesaver! Thanks again matey!

[Duddyroar]

While I'm at it - there's something else I want to do. It's to do with how the page appears on screen.

At the moment I've got a set table in the middle of the screen that's about 800 pixels wide. I've noticed on many sites the page 'fills' the screen no matter what resolution you're running. (NTSC is a good example - the 'NTSC' that appears down the right hand side of the screen is always next to the edge of the screen no matter how you resize the window). Menu bars and boarder images are stretched the entire length of the screen.

Is this easy to do? Sorry for the additional question but you seem to know what you're taking about!

[AllYourBase]

add the syntax:

align="center"

into the 800 wide table and it will move into the middle like ntscuk is set up to do

if you wanted to fill the screen you would change the 800 to 100%... but that's not what ntsc does, it's the grey colour that fills the screen, all ntscuk content is contained in a 720 width centered table

[Duddyroar]

I've already got my table centred. The bit I'm talking about on the NTSC site is the vertical NTSC-UK text on the far right of the screen.