Welcome, Guest: Register On Nairaland / LOGIN! / Trending / Recent / New
Stats: 3,156,483 members, 7,830,426 topics. Date: Thursday, 16 May 2024 at 09:59 PM

Please Help, Browsers Can't Find My External Css - Programming - Nairaland

Nairaland Forum / Science/Technology / Programming / Please Help, Browsers Can't Find My External Css (1646 Views)

Help: External CSS File Not Working With My PHP Files / Help Me With Nokia Phone Browsers / Media Query In Css Is Not Working On All My Laptop Browsers (2) (3) (4)

(1) (Reply) (Go Down)

Please Help, Browsers Can't Find My External Css by swayflow: 2:07pm On May 15, 2017
Please any help is appreciated, senior programmers in the house. I use dream Weaver, the external CSS loads well in dreamweaver live view. But on a web browser using local host the style sheet doesn't load. Both in chrome and Firefox. Please does anyone have a solution for this?
Re: Please Help, Browsers Can't Find My External Css by udatso: 5:06pm On May 15, 2017
What's the structure of your files and directory. And your css link code in your html
Re: Please Help, Browsers Can't Find My External Css by Adesege(m): 8:19pm On May 15, 2017
Since it works on dreamweaver, that means the file was embedded successfully.

If you havent add a rel="stylesheet" as an attribute to the link tag, you may want to do that.

Also, hard refresh the page to clear your browser cache. Press Ctrl+F5 to that.
Re: Please Help, Browsers Can't Find My External Css by Fadman4real(m): 8:27pm On May 15, 2017
Adesege:
Since it works on dreamweaver, that means the file was embedded successfully.

If you havent add a rel="stylesheet" as an attribute to the link tag, you may want to do that.

Also, hard refresh the page to clear your browser cache. Press Ctrl+F5 to that.


Yea clear d cache, happened to me once.
Re: Please Help, Browsers Can't Find My External Css by fleshbone(m): 8:55pm On May 15, 2017
Like the above Poster said, clear the cache!
Also make sure the link to the css file is in this
'http://the-css-link'. Best of luck
Re: Please Help, Browsers Can't Find My External Css by Adesege(m): 9:06pm On May 15, 2017
fleshbone:
Like the above Poster said, clear the cache!

Also make sure the link to the css file is in this

'http://the-css-link'. Best of luck

It's not compulsory the file path is absolute. File path can either be relative or absolute.

From what the OP said, the file is properly linked since it is showing in dreamweaver.

Usually, not adding a rel="stylesheet" to the link tag may also cause this abnormal behaviour.

1 Like

Re: Please Help, Browsers Can't Find My External Css by swayflow: 11:42pm On May 15, 2017
Thank you all so much, I am using xampp local host.
I just want to link bootstrap. Here is my code in the <head> tag:

<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="bootstrap/css/bootstrap.theme.min.css">
<script src="bootstrap/js/bootstrap.min.js"></script>

I started web design newly. The linking worked in my previous web design, but now it's not anymore. The stylesheet displays in dreamweaver live view, but not on chrome or Firefox.

I inspected it with Firefox 'firebug' it says '404 Not found ' but the style sheet is linked correctly.

P. S I tried the ctrl+f5 it didn't work cry .

1 Like

Re: Please Help, Browsers Can't Find My External Css by swayflow: 11:44pm On May 15, 2017
udatso:
What's the structure of your files and directory. And your css link code in your html

I just commented my code sir
Re: Please Help, Browsers Can't Find My External Css by Nobody: 12:06am On May 16, 2017
swayflow:
Thank you all so much, I am using xampp local host.
I just want to link bootstrap. Here is my code in the <head> tag:

<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="bootstrap/css/bootstrap.theme.min.css">
<script src="bootstrap/js/bootstrap.min.js"></script>

I started web design newly. The linking worked in my previous web design, but now it's not anymore. The stylesheet displays in dreamweaver live view, but not on chrome or Firefox.

I inspected it with Firefox 'firebug' it says '404 Not found ' but the style sheet is linked correctly.

P. S I tried the ctrl+f5 it didn't work cry .
why are you not using notepad ++?

1 Like

Re: Please Help, Browsers Can't Find My External Css by udatso: 12:23am On May 16, 2017
This your html file, assuming it's index.html , is it at the root of the folder or it's an a folder of its own?
Re: Please Help, Browsers Can't Find My External Css by Desyner: 3:35am On May 16, 2017
@op i once had a challenge with loading css from multiple domain into firefox. I suspect you are linking the css a local file instead of linking it an asset under you localhost. Do [ctrl + u] to view your source and confirm if that's the case.
Re: Please Help, Browsers Can't Find My External Css by Allergic(m): 9:31am On May 16, 2017
The major question is: what is you folder/files structure?

If you can provide your folder structure then I can help.

This w3school article might help you.
https://www.w3schools.com/html/html_filepaths.asp
Re: Please Help, Browsers Can't Find My External Css by swayflow: 3:28pm On May 16, 2017
bjhaid:
why are you not using notepad ++?

I like the schuss code colouring in dreamweaver.
Re: Please Help, Browsers Can't Find My External Css by swayflow: 3:30pm On May 16, 2017
udatso:
This your html file, assuming it's index.html , is it at the root of the folder or it's an a folder of its own?

This is my header.php... it's in the root folder
Re: Please Help, Browsers Can't Find My External Css by swayflow: 3:35pm On May 16, 2017
Allergic:
The major question is: what is you folder/files structure?

If you can provide your folder structure then I can help.

This w3school article might help you.
https://www.w3schools.com/html/html_filepaths.asp


My themes folder is called 'Uriel'. Inside it I have:
1. Header.php
2. Index.php
3.footer.php
4.style.css
5. Functions.php
6.bootstrap (folder)
Re: Please Help, Browsers Can't Find My External Css by Jenifa123: 6:26pm On May 16, 2017
swayflow:
Thank you all so much, I am using xampp local host.
I just want to link bootstrap. Here is my code in the <head> tag:

<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="bootstrap/css/bootstrap.theme.min.css">
<script src="bootstrap/js/bootstrap.min.js"></script>

I started web design newly. The linking worked in my previous web design, but now it's not anymore. The stylesheet displays in dreamweaver live view, but not on chrome or Firefox.

I inspected it with Firefox 'firebug' it says '404 Not found ' but the style sheet is linked correctly.

P. S I tried the ctrl+f5 it didn't work cry .

Try using this for d style sheet
<link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css">
Instead...
Re: Please Help, Browsers Can't Find My External Css by udatso: 8:25pm On May 16, 2017
swayflow:


I just commented my code sir
Has it been resolved?
If it's okay by you, zip the folder and email to u-da-ts-o-2007-@gmai-l. com. The email without the hyphen.
Re: Please Help, Browsers Can't Find My External Css by swayflow: 3:56pm On May 17, 2017
Jenifa123:


Try using this for d style sheet
<link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css">
Instead...

It didn't work, I have no idea where the problem is coming from... I even reinstalled xampp. Still the problem persists
Re: Please Help, Browsers Can't Find My External Css by swayflow: 4:28pm On May 17, 2017
The thing is, just to simplify my problem.
Index.html shows bootstrap in browser, but when I change it to 'index.php' and add style.css, functions.php and put them in a folder (as a WordPress theme), bootstarp doesn't work! cry
Re: Please Help, Browsers Can't Find My External Css by pidginedtec(m): 10:07pm On May 17, 2017
Where is your bootstrap located? Do you have it locally or are you trying to use boostrap cdn? If you have it locally,and it is located at the same location with your index file, then you need to add slash before the bootstrap path '/boostrap...
Re: Please Help, Browsers Can't Find My External Css by debowale01(m): 9:47pm On May 18, 2017
swayflow:
The thing is, just to simplify my problem.
Index.html shows bootstrap in browser, but when I change it to 'index.php' and add style.css, functions.php and put them in a folder (as a WordPress theme), bootstarp doesn't work! cry
you probably didn't enqueue the stylesheet in your functions.php file, if u r working with a wordpress.
Re: Please Help, Browsers Can't Find My External Css by debowale01(m): 9:50pm On May 18, 2017
Use wordpress wp_enqueue_style hook to load ur CSS and wp_enqueue_script to load ur scripts.
Re: Please Help, Browsers Can't Find My External Css by swayflow: 3:45pm On May 23, 2017
debowale01:
Use wordpress wp_enqueue_style hook to load ur CSS and wp_enqueue_script to load ur scripts.

You are right! Thanks a lot sir, I enqueued the CSS in the functions.php now it works. You are a life saver grin
Re: Please Help, Browsers Can't Find My External Css by debowale01(m): 10:45am On Nov 30, 2017
swayflow:


You are right! Thanks a lot sir, I enqueued the CSS in the functions.php now it works. You are a life saver grin

glad i could help sir... sorry, its coming late

(1) (Reply)

BADSAINT ( Action Packed Series) / Where Can I Download Free Programming Language Ebook(both In Jar & Pdf Format)? / 8 Tried And True Tips For Learning To Code

(Go Up)

Sections: politics (1) business autos (1) jobs (1) career education (1) romance computers phones travel sports fashion health
religion celebs tv-movies music-radio literature webmasters programming techmarket

Links: (1) (2) (3) (4) (5) (6) (7) (8) (9) (10)

Nairaland - Copyright © 2005 - 2024 Oluwaseun Osewa. All rights reserved. See How To Advertise. 32
Disclaimer: Every Nairaland member is solely responsible for anything that he/she posts or uploads on Nairaland.