My css style link isnt working
I am a beginner and am trying to make a website.
I wrote the link in the header tag.
<link rel="stylesheet" type="text/css" href="styles/main.css"/>
First locate the folder where you saved your HTML file.
Create a folder named styles
In that styles folder, create your css file named main.css
Open that "main.css" file with notepad or notepad++(what you feel comfortable with), write your css code and save it.
That should work!
Related
Not sure why the external file not working?
It works ONLY if I created it in the same folder with my HTML, but when I created the CSS with its own folder it's not working. I'm asking because it works for other classmates but me.
Try giving the css path as
link rel="stylesheet" type="text/css" href="../css/styles.css">
To get to the css folder you will need to go back one folder level which can be done with ../.
In this case you could change your href to href="../css/styles.css".
Or
Because css is at the root of your project you could use href="/css/styles.css".
Or
You should take your HTML files out of the /image folder and into the root of your project in HTML - Personal Site/ and then you won't have to change the href property
I just started using html and css and I have to do something with it but I am getting the error Unable to open 'style.css'. I don't know what the problem is since the path that I used is the same as the file path.
Make sure the CSS file and the HTML file are in the same folder.
based on your image it should be
href="mywebs\site\style.css"
if you want to link site/style.css to mywebs/smth.html you should go one folder back.
<link href="../site/style.css">
or put the site folder inside mywebs, because based on the picture the site folder is not inside mywebs folder.
Sometimes the file may missed directory. You can close and open the code editor and it will work. Also, make sure your html and css file is in same directory. If you css file is in a different directory then use the following code:
<link type="text/css" href=".../style.css"/>
I am doing some HTML & CSS tutorials, and I am unable to get my CSS to appear when I load my web pages.
I linked my CSS to the HTML skeleton.
Can you help me figure out the error?
Screenshot of my HTML document:
Screenshot of my CSS:
Both of the files are stored in the same folder:
If anyone could let me know where I went wrong so I could continue my process, I would appreciate it.
The index.html and the styles.css are in the same folder, so you shouldn't point to a sub-directory for the css. Try this:
<link rel="stylesheet" href="styles.css">
as both index.html and css files are in same folder, you can use
<link rel="stylesheet" href="styles.css?v=1.1.2">
here, v is version declared, so whenever you make changes in your css file, simply change this version numbers to get refresh css and changes to take effect in browser without cleaning caches..
you can also move your css file in stylesheets folder and can keep index.html structure as it is.... basically it is good practice to keep files in subfolders so we can find them easily when searching... for e.g. all .css files in stylesheet folder, all images in images or img folder, all javascripts in js folder...
by the way, what is m.m in css file, in body styling ??
I am using XAMPP and MyPHPadmin to setup a survey with a database that I will be using for a project.
Now I am trying to link my css file to my html file so that the layout changes. I am trying to link this with:
<link type="text/css" href="/Versie1.1/default.css" rel="stylesheet">
My css file is located at: C:\xampp\htdocs\Versie1.1\default.css
I have tried a lot of different hrefs as in: "default.css", c path to the default.css, etc.
Any idea why my layout is not changing to the one in the css file? If I put the css code inside the <head> it does work.
it's seems, some path problem.
If your porject file path is "C:\xampp\htdocs" in this path you have one folder 'Versie1.1' and a html file index.html, then your "href=Versie1.1/default.css"
file structure
Versie1.1
default.css
index.html
file structure
Versie1.1
default.css
html
index.html
In this case link will be "href=../Versie1.1/default.css"
I hope you understand. Thank you!
I tried a normal test project to check if CSS is applying to the JSP page. But, no matter where I put my css file in the hierarchy, it is not working.
Where to place the css file and how to include the tag in JSP?
this is my Project hierarchy
I wrote a simple
<link href="css/grayscale.css" rel="stylesheet" type="text/css" />
to include css file.
my css file only consists of a test style to change paragraph style.
Please Help :(
In the same location of your JSP file, create a CSS directory (named css) in which you create your CSS file. To access it try using "/css/grayscale.css"