css not working in html page

Question

I am creating a dynamic web application in eclipse. which contains the following project structure.

Here i have two html pages in WebContent folder and css,images folders. I have one css file for two html pages.Here this css is applying only for index page ,it is not applying for admin page.

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

I have added the above line in index and admin pages but,it is applying only for index page ,it is not applying for admin page.

Can any please help me.

Can you post the content from the .project file and the code for the admin.html page? — Eric
– Eric, Commented Oct 29, 2015 at 5:56
This should be added in the header of your pages - one page works but other page is not working, so I suspect it's not included in header. — Sudipta Kumar Maiti
– Sudipta Kumar Maiti, Commented Oct 29, 2015 at 5:56
I added link statement with in head tag only. even though it it is not working for admin page. Can i have multiple html pages in Web Content folder. — Asha
– Asha, Commented Oct 29, 2015 at 6:06
@Asha, yes you can! Do you mind posting some codes from the 3 files? — user2473779
– user2473779, Commented Oct 29, 2015 at 6:11

shumana chowdhury · Accepted Answer · 2015-10-29 05:55:21Z

1

You can try below path for css. As your index file is in WEB-INF folder, you need to come out of it first, then you need to enter into the css folder. Hopefully, it will work.

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

answered Oct 29, 2015 at 5:55

shumana chowdhury

1,9122 gold badges16 silver badges34 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

user2473779 Over a year ago

the index.html file is not in WEB-INF! Also, to access parent directory, you need to use "../css/stylesheet.css" (double dots). So, basically, your code is same as that in the question, and should work! Two mistakes got nullified there! :P

ketan · Accepted Answer · 2015-10-29 05:57:28Z

0

In your HEAD, add this might be worked:

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

edited Oct 29, 2015 at 5:57

ketan

19.4k42 gold badges68 silver badges107 bronze badges

answered Oct 29, 2015 at 5:56

1990rk4

77811 silver badges21 bronze badges

Comments

Deepak Gautam · Accepted Answer · 2018-04-23 02:25:03Z

0

For eclipse working directory always follow this syntex-

/ Project_Name / Folder_Name / File_Name.extension

so try these in your project for css, images respectively-

/brightsymphony/css/stylesheets.css
/brightsymphony/images/logo.png

answered Apr 23, 2018 at 2:25

Deepak Gautam

1,43715 silver badges14 bronze badges

Collectives™ on Stack Overflow

css not working in html page

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related