How to keep the styling of html retrieved from a server? [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 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.

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.

Is it possible to display 2 different css in one 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 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.

Making HTML show up as a link [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 6 years ago.
Improve this question
I am trying to display messages from one user to another on the site. Messages are saved in a database with the HTML.
Why is the HTML on the site, showing up, instead of turning the HTML into a link or a line break?
Here is the code:
<div class="jumbotron">
<h4><u>Your Messages</u></h4>
#foreach (var m in Model.User.MessagesUsers)
{
<p>#m.Message</p>
}
</div>
It looks like you're using ASP.NET MVC. The framework automatically HTML-encodes the output for security reasons.
You can get around that by using #Html.Raw:
<p>#Html.Raw(m.Message)</p>
Be aware however that this is circumventing security. Make sure you trust your data. This is how cross-site scripting attacks happen. You might also want to look into something like Markdown to allow users to enter markup over which you have more control.

Why does the HTML site flash when clicking the 'Home' button on my website? [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 8 years ago.
Improve this question
When I click the 'Home' button on my site (beta.tradeacademy.org/dashboard), it shows the links and search box without the css for a split second - as shown in the attached image. Can anyone explain why this happens?
Thanks in advance.
That's called FOUC.
Your CSS files are being fetched much later. Please refer the waterfall.
Try to fetch the CSS in the html head.
The CSS file may not have been loaded prior to the HTML, and therefore not rendered.
Changing the load order would mitigate this issue.
See css loads late, so html looks weird for a second for possible solutions to this.

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.