Help me to set up Testimonials Page Options

[Akbar]

Hello,

I am a beginner in the world of programming and I am stuck at calling a CSS file in HTML.

I have downloaded a website template which is "Point.Co Template" and it has "Style, Reset, Layout" CSS file in CSS folder.

I am trying to setup a new page called "Testimonials" and got the CSS code from http://dabblet.com/gist/2932576

I saved that CSS code as "Testimonials.css" and saved in CSS folder, but when I call that CSS in HTML page it's not working..

I don't no why..

Can someone please help me?

[Frederiek]

The template surely already has LINKs to the Style, Reset and Layout CSS files. Just copy one of those and change its HREF to Testimonials.css. And put that file in the CSS folder with the others.
Be sure the path to the file is correct.

See http://htmlhelp.com/reference/css/style-html.html .

If that doesn't help, post the URL of the page.

[Akbar]

The template surely already has LINKs to the Style, Reset and Layout CSS files. Just copy one of those and change its HREF to Testimonials.css. And put that file in the CSS folder with the others.
Be sure the path to the file is correct.

See http://htmlhelp.com/reference/css/style-html.html .

If that doesn't help, post the URL of the page.

Hi Frederiek,

Yes I tried that but it's not working... I don't now why.

The website is not hosted so I can't provide a link... the files are on my desktop.

I have added three images, please have a look at it....

I don't no why it's not working...

Sample 1 - http://imm.io/1mv1o

Sample 2 - http://imm.io/1mv1z

Sample 3 - http://imm.io/1mv1H

[Frederiek]

But, like I said, you should also set the path in the HREF of LINK, provided that the testimonials.css file is in the CSS folder, where the other CSS files are too (which earlier you said you did). You should see a missing file when inspecting the page in your browser (often in red, 404), which indicates that the path is wrong.

In Sample 1, I see:
<link rel="stylesheet" type="text/css" href="testimonials.css" media="screen" />

but it should be:
<link rel="stylesheet" type="text/css" href="css/testimonials.css" media="screen" />

See the difference in the HREFs?

See also the FAQ at http://htmlhelp.com/faq/html/basics.html#relative-url .

[Akbar]

But, like I said, you should also set the path in the HREF of LINK, provided that the testimonials.css file is in the CSS folder, where the other CSS files are too (which earlier you said you did). You should see a missing file when inspecting the page in your browser (often in red, 404), which indicates that the path is wrong.

In Sample 1, I see:
<link rel="stylesheet" type="text/css" href="testimonials.css" media="screen" />

but it should be:
<link rel="stylesheet" type="text/css" href="css/testimonials.css" media="screen" />

See the difference in the HREFs?

See also the FAQ at http://htmlhelp.com/faq/html/basics.html#relative-url .

Hi Frederiek,

Yes, it worked when I changed the path. Thanks for this good lesson

But there is one problem now, the page layout was in center before after the CSS worked it moved to left.

How to align the website in middle ?

Sample 4 - http://imm.io/1mw02

[Darin McGrew]

How to align the website in middle ?

Please see:
Centering things
Centring using CSS