How to show html template using inline styles only?


Tags: html,css-selectors

Problem :

I want to display html template in a webpage. The styles of that template is specified inline. But when i try to display it in my webpage, some styles that are defined in my css are adding into it and the template is not displayed properly. This template is used to create mails and when i send this template as mail to my gmail account it is displayed correctly. How its done in gmail? How they show the template using inline styles only?



Solution :

I solved this problem using the tinymce editor. I used tinymce editor in read mode and displayed the html template in it. I dont know whether its correct method or not. But it was perfect for my requirement. Thanks Greg for your reply..:)


    CSS Howto..

    CSS: How to omit the spacing between an h3 and a p element?

    How to align text within a div

    How can I get a CSS class selector to override the input[readonly] selector?

    How to do line animation using CSS and SVG

    ng-bind-html adds owns css class 'ng-binding' which brokes all nested css, how get rid of it?

    How do I center the body text div?

    How to position a set in Raphael SVG?

    How can I make a full width videojs v5 progress bar?

    How to use a CSS :first-letter pseudo-element in a
    paragraph

    CSS Specificity - how to overlap twitter-bootstrap

    How to put div block into right screen area using css?

    Dojo: how to find css definition for digit.form.filteringselect, especially the drop down list?

    How does Mashable.com displays/hides an element through Css?

    How to go about containing a float within a div with variable space

    how to show css text in html div

    How to make this breed of resizable vertical divider for two divs?

    How to build a special polygon (a kite shape) with HTML & CSS only?

    How to get a floating-DIV to fill available space within its parent DIV?

    How to set div's height in css and html

    How to use icon fonts

    How do you set the scroll bar skin on a single List instance?

    How to use a Video as text background in css

    How to make this html code and css be in mobile app?

    How to expand vertically web's body when open menu

    How to refer to an image with a certain id thats into a section with a certain id - CSS

    HTML5 contenteditable div: show placeholder only if div has 1 child

    How to provide responsive design for svg?

    CSS - How to apply box-shadow to a image rounded

    How to separate image folder and css folder to work with eachother in maven project

    CSS: how to set screen layout according to the different dimension