Is it possible to display 2 different css in one site? [closed] - html

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 1 year ago.
Improve this question
I want to redesign a old Website. Just a hobby project. It has a very outdated Bootstrap 2 Frontend and lots of Elements in the body. I just wanted to give it a new Navbar and Top Bar, ect.
But when i update the css files to newer one the website content looks awful, otherwise if i let the old one the new navbar looks awful, so is it possible to have two seperated css?
I already tested iframe srcdoc and its not rly working...
Thanks!

Yes you can have two stylesheets within an html page. In the stylesheet within the page will override the external one based on the cascading order. I thinks its: external styles - internal styles - inline styles
Here is a link with more information:
http://www.w3schools.com/css/css_howto.asp

Answer. Yes, you can apply more than one stylesheet to an HTML file. For each stylesheet you link to a page, you would just need to add an additional element. When linking multiple CSS files, the styles are applied in the order that they are linked in the HTML document.

Related

Can somebody help me figure out why this tag is not allowing me to edit the placement of my form? I've uploaded images to better illustrate my issue [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 3 days ago.
Improve this question
the tag I'm trying to edit
I need to link this element to a CSS tag to allow me to move it around my webpage, however the tag I've given it "GSCOPS" is not being read from my CSS file. I need to link the CSS rules to the element "GSCOPS".
After editing the CSS rules for GSCOPS in the given CSS file, it still isn't reading said rules into my webpage. a screenshot of the CSS code for GSCOPS
If anybody knows how I could link the CSS rules to the form in my webpage that would be great.
Thanks.

How can I create standard layout for multiple pages? [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 6 years ago.
Improve this question
Currently, I am working on my first web page using HTML and CSS. I want to use the same layout like background and header etc but I can't find a way. Today I found a couple of website telling about the template. Is this the related to what I want to do.
Thank you for helping a beginner.
Sam
I would recommend you a few things:
Find websites that make you feel as it is what you wanted to build.
Check their source code and try to find the semantics they have maintained.
Once you figured it out, you should try to create similar one.
You should follow HTML5 specifications , as it will help you build solid foundation. while doing this you will also understand best practices.
HTML or designing mostly depends on requirements. so you might not get one rule to follow, just invest time understanding some great works out there and practice alot.
In case you are very concern to layout, search for website layout images and you will get plenty of images having typical elements like header, navigation/menu, body (left/right sub menu + main content), footer.
You can consider templates for learning but it may lead you to trap of copying-pasting.
You can use Microsoft Expression Web application, which handles template. You make one page and save it as template and declare editable parts for sites. Then You can create multiple empty HTML pages. Finally you attach template, then it works.
Or if you can use PHP, you can create different parts of your Web Site, like: header.php, footer.php, banner.php and include them in every page where modifying the body and not writing the same footer, header, banner

How to keep the styling of html retrieved from a server? [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 7 years ago.
Improve this question
I am working with the Gmail API and am retrieving the emails as HTML. I want to display the emails on my site but the styling of the emails is getting messed up due to me using the materiazlizecss frame work for other parts of my site.
When I remove the materializecss css file from the page, and just load the emails in a simple div, the styling is left intact, but gets messed up when I add it in. What is the best solution to this? Is there a way to ignore the css file for certain sections of the html?
Can you try using iframe for your mail content?
You could also try using different CSS class for mail content.

Implement Bootstrap Nav Bar on Own Site [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 7 years ago.
Improve this question
Was wondering if there was a simple way of implementing the navbar from this site onto my website. I have tried copying the source code from the html file to my page, and linking the bootstrap.min.css file to my site's html page, but I cannot get the navbar to work. The button's image doesn't come, and, when clicked in the place the button would usually be, the navbar doesn't show.
Is there a simple way of putting this into my site, without copying useful and non-useful source code onto my page and hoping it would work?
Could someone please highlight the code that I would need to copy to my site, for this to work?
Thanks
It's not enough just to link the bootstrap.min.css file to make Bootstrap work. You'll also need some scripts: bootstrap.min.js is a must and you're probably going to need JQuery as well.
Also, be sure to link to the bootstrap.min.css file from that template, which could be a modified version of Bootstrap's original template.

CSS problems with our eBay custom HTML template [closed]

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 3 years ago.
Improve this question
we are building a template for our eBay listings.
eBay allows users to upload a description as HTML code and allows that code to link your external CSS files.
eBay displays the user's HTML code in an iframe, it looks like eBay calculates the height of your page on load and then and resizes the iframe according to that height.
Here is a link to one of our test listings in eBay's sandbox environment:
http://cgi.sandbox.ebay.com/ws/eBayISAPI.dll?ViewItem&item=110097353751&ssPageName=ADME:L:LCA:US:1123#ht_692wt_1136
In Chrome / Firefox there's a second scroll bar next to the listing.
In IE, the listings just covers eBay's footer which is even worse
I solved this issue once using CSS and i can't remember how.
I would really appreciate any help.
Here is our CSS code:
http://pastebin.com/aj4bffG9
Just remove this line from the #StartDescription rule in your CSS file:
height: 650px;
With this change, it works fine for me in Chrome/Firefox/Opera.