HTML Inline CSS and Image Resolution









up vote
-1
down vote

favorite












With the following code how can I incorporate all of the elements into inline CSS? (i.e. using a table, or background tag, etc.) And how can I decrease and increase the height and width of an image but still keep its resolution the same?



Please give some code on how to fix this.



<style>
body background-color: powderblue;
p {font-family: Tohoma
h1 color: red; font-family: Times New Roman;
</style>
<body>
<img border="1" src="http://cdn.spacetelescope.org/archives/images/screen/heic1808a.jpg"></a></center>
<h1> Do you have unnecessary money sitting around? </h1>
(Rough draft text)<br>

<p>Hi Thomas, <br>
SAMPLE TEXT</p><br><br>


<p>
Sincerely, <br>
___ ____</p>

<img border="0" src="http://ec.europa.eu/research/headlines/news/images/11_12_17_small.jpg"></a></center>

</body>









share|improve this question



























    up vote
    -1
    down vote

    favorite












    With the following code how can I incorporate all of the elements into inline CSS? (i.e. using a table, or background tag, etc.) And how can I decrease and increase the height and width of an image but still keep its resolution the same?



    Please give some code on how to fix this.



    <style>
    body background-color: powderblue;
    p {font-family: Tohoma
    h1 color: red; font-family: Times New Roman;
    </style>
    <body>
    <img border="1" src="http://cdn.spacetelescope.org/archives/images/screen/heic1808a.jpg"></a></center>
    <h1> Do you have unnecessary money sitting around? </h1>
    (Rough draft text)<br>

    <p>Hi Thomas, <br>
    SAMPLE TEXT</p><br><br>


    <p>
    Sincerely, <br>
    ___ ____</p>

    <img border="0" src="http://ec.europa.eu/research/headlines/news/images/11_12_17_small.jpg"></a></center>

    </body>









    share|improve this question

























      up vote
      -1
      down vote

      favorite









      up vote
      -1
      down vote

      favorite











      With the following code how can I incorporate all of the elements into inline CSS? (i.e. using a table, or background tag, etc.) And how can I decrease and increase the height and width of an image but still keep its resolution the same?



      Please give some code on how to fix this.



      <style>
      body background-color: powderblue;
      p {font-family: Tohoma
      h1 color: red; font-family: Times New Roman;
      </style>
      <body>
      <img border="1" src="http://cdn.spacetelescope.org/archives/images/screen/heic1808a.jpg"></a></center>
      <h1> Do you have unnecessary money sitting around? </h1>
      (Rough draft text)<br>

      <p>Hi Thomas, <br>
      SAMPLE TEXT</p><br><br>


      <p>
      Sincerely, <br>
      ___ ____</p>

      <img border="0" src="http://ec.europa.eu/research/headlines/news/images/11_12_17_small.jpg"></a></center>

      </body>









      share|improve this question















      With the following code how can I incorporate all of the elements into inline CSS? (i.e. using a table, or background tag, etc.) And how can I decrease and increase the height and width of an image but still keep its resolution the same?



      Please give some code on how to fix this.



      <style>
      body background-color: powderblue;
      p {font-family: Tohoma
      h1 color: red; font-family: Times New Roman;
      </style>
      <body>
      <img border="1" src="http://cdn.spacetelescope.org/archives/images/screen/heic1808a.jpg"></a></center>
      <h1> Do you have unnecessary money sitting around? </h1>
      (Rough draft text)<br>

      <p>Hi Thomas, <br>
      SAMPLE TEXT</p><br><br>


      <p>
      Sincerely, <br>
      ___ ____</p>

      <img border="0" src="http://ec.europa.eu/research/headlines/news/images/11_12_17_small.jpg"></a></center>

      </body>






      html css






      share|improve this question















      share|improve this question













      share|improve this question




      share|improve this question








      edited Nov 10 at 21:01









      halfer

      14.2k757105




      14.2k757105










      asked Nov 10 at 17:35









      Aveesh Patel

      1




      1






















          1 Answer
          1






          active

          oldest

          votes

















          up vote
          0
          down vote













          I see that you are trying to send an email with CSS, so I can imagine what kind of problems you are experiencing.



          I suggest you to use one of the several free template that you can found online, some of them are well done and tested with every mail client you may think of.



          If you are on a hurry and need to solve quickly your problem with external CSS I suggest you a free tool that does exactly what you need: moves CSS to inline style attributes --> CSS Inliner Tool






          share|improve this answer




















            Your Answer






            StackExchange.ifUsing("editor", function ()
            StackExchange.using("externalEditor", function ()
            StackExchange.using("snippets", function ()
            StackExchange.snippets.init();
            );
            );
            , "code-snippets");

            StackExchange.ready(function()
            var channelOptions =
            tags: "".split(" "),
            id: "1"
            ;
            initTagRenderer("".split(" "), "".split(" "), channelOptions);

            StackExchange.using("externalEditor", function()
            // Have to fire editor after snippets, if snippets enabled
            if (StackExchange.settings.snippets.snippetsEnabled)
            StackExchange.using("snippets", function()
            createEditor();
            );

            else
            createEditor();

            );

            function createEditor()
            StackExchange.prepareEditor(
            heartbeatType: 'answer',
            convertImagesToLinks: true,
            noModals: true,
            showLowRepImageUploadWarning: true,
            reputationToPostImages: 10,
            bindNavPrevention: true,
            postfix: "",
            imageUploader:
            brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
            contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
            allowUrls: true
            ,
            onDemand: true,
            discardSelector: ".discard-answer"
            ,immediatelyShowMarkdownHelp:true
            );



            );













             

            draft saved


            draft discarded


















            StackExchange.ready(
            function ()
            StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53241644%2fhtml-inline-css-and-image-resolution%23new-answer', 'question_page');

            );

            Post as a guest















            Required, but never shown

























            1 Answer
            1






            active

            oldest

            votes








            1 Answer
            1






            active

            oldest

            votes









            active

            oldest

            votes






            active

            oldest

            votes








            up vote
            0
            down vote













            I see that you are trying to send an email with CSS, so I can imagine what kind of problems you are experiencing.



            I suggest you to use one of the several free template that you can found online, some of them are well done and tested with every mail client you may think of.



            If you are on a hurry and need to solve quickly your problem with external CSS I suggest you a free tool that does exactly what you need: moves CSS to inline style attributes --> CSS Inliner Tool






            share|improve this answer
























              up vote
              0
              down vote













              I see that you are trying to send an email with CSS, so I can imagine what kind of problems you are experiencing.



              I suggest you to use one of the several free template that you can found online, some of them are well done and tested with every mail client you may think of.



              If you are on a hurry and need to solve quickly your problem with external CSS I suggest you a free tool that does exactly what you need: moves CSS to inline style attributes --> CSS Inliner Tool






              share|improve this answer






















                up vote
                0
                down vote










                up vote
                0
                down vote









                I see that you are trying to send an email with CSS, so I can imagine what kind of problems you are experiencing.



                I suggest you to use one of the several free template that you can found online, some of them are well done and tested with every mail client you may think of.



                If you are on a hurry and need to solve quickly your problem with external CSS I suggest you a free tool that does exactly what you need: moves CSS to inline style attributes --> CSS Inliner Tool






                share|improve this answer












                I see that you are trying to send an email with CSS, so I can imagine what kind of problems you are experiencing.



                I suggest you to use one of the several free template that you can found online, some of them are well done and tested with every mail client you may think of.



                If you are on a hurry and need to solve quickly your problem with external CSS I suggest you a free tool that does exactly what you need: moves CSS to inline style attributes --> CSS Inliner Tool







                share|improve this answer












                share|improve this answer



                share|improve this answer










                answered Nov 10 at 17:45









                DanieleAlessandra

                581311




                581311



























                     

                    draft saved


                    draft discarded















































                     


                    draft saved


                    draft discarded














                    StackExchange.ready(
                    function ()
                    StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53241644%2fhtml-inline-css-and-image-resolution%23new-answer', 'question_page');

                    );

                    Post as a guest















                    Required, but never shown





















































                    Required, but never shown














                    Required, but never shown












                    Required, but never shown







                    Required, but never shown

































                    Required, but never shown














                    Required, but never shown












                    Required, but never shown







                    Required, but never shown







                    Popular posts from this blog

                    27

                    Top Tejano songwriter Luis Silva dead of heart attack at 64

                    Category:Rhetoric