How do I include multiple css files?

Question

0.00/5 (No votes)

See more:

I am working on a dynamic web project and I already have a default css file included in the project.

CSS

style.css

Now I am trying to add tinyeditor (a rich text editor) which also comes with its own css file.

CSS

tinyeditor.css

When I add this file to my project the whole project style is changing.
So How do I add this file so that there are no conflicts

Posted 12-Mar-14 22:56pm

Guru Swaroop

Add a Solution

2 solutions

Solution 1

Hi I think in tinyeditors css affect in ur project,i mean what css element name u have in style.css the same element name also available in tinyeditor.css also,bcz u not create tinyeditor.css,so open tinyeditors.css and change the css element names or change the style.css element names .

Or exact what u need form tineditor just take needed element only and paste in style.css(merge both css file and make it one css file and remove existing elements,don't repeat existing element )

did u call both css in same page ?i meant both css are try to use in same page for different purpose,pls check ur style.css element with tinedito.css element.i think tinedito.css element call in ur project all place.

Posted 12-Mar-14 22:59pm

Aravindba

Updated 12-Mar-14 23:26pm

v5

Comments

Guru Swaroop 13-Mar-14 5:01am

I didn`t understand.. can you please explain?

Guru Swaroop 13-Mar-14 7:04am

Yeah, now I am not including both the css in same file so there is no conflict, and so I have modified the code as I have mentioned in the below comment. So now what is the way ahead?

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Peter Leow · Accepted Answer · 2014-03-12T23:06:00

Solution 2

CSS conflict is unavoidable in multiple css inclusion. Suggest merge the various css files into one, then sort and clean up the similar rules manually.
If you are unfamiliar with css, read this first: css_syntax[^]

Posted 12-Mar-14 23:06pm

Peter Leow

Updated 12-Mar-14 23:08pm

v3

Comments

Guru Swaroop 13-Mar-14 6:59am

I understand that I cannot include multiple css files, but I just tried using
<iframe src="RichTextEditor.jsp" width="1200" height="400"></iframe>
and there was no css conflict.

RichTextEditor.jsp contains an

<textarea id="tinyeditor" name="syllabus" style="width: 100%; height: 200px">
${sessionScope.coreCoursesBean.syllabus}
</textarea>

Now I am encountering a new problem...
1. How do I display the String present in coreCoursesBean.syllabus
2. This textarea initially was part of a form (present in syllabusRepository.jsp), but now I have replaced with the iframe and so when I press submit, how do I retrieve the content which is present in this textarea.

Peter Leow 13-Mar-14 7:26am

This is a new question.

Aravindba 13-Mar-14 11:47am

hi this is not related to css problem,so u have create new forums and ask ur question

Guru Swaroop 14-Mar-14 2:41am

Yeah.. I have posted this as a seperate question
http://www.codeproject.com/Questions/744016/How-do-I-retrieve-information-from-an-in-an-html-f

Guru Swaroop 14-Mar-14 2:32am

Yeah! It is not possible to include multiple external css files.