0

tengo este codigo y quiero poner mi imgen fija en el fondo pero me salen 3 y solo ocupo poner 1 de fondo y pues con su informacion que corresponde apoyo porfavor.

<?php

$cuerpo = '<html>
    <head>
    </head>
    <body style="font-family:TitilliumWeb-Regular;color:#006a87">

    <body background="/application/assets/img/PajaroWatermark500x640.png" bgcolor="ffffff"; > 

        <center>
            <div style="width:500px;height:60px;background-color:#ffffff;border-radius:20px">

                <div style="width:100%;height:50px;background-color:#006a87;border-top-left-radius:10px;border-top-right-radius:10px; padding-top:20px;">

                <img style="height:30px "src="http://sandbox.balun.mx/application/assets/img/logof.png" style="margin-top:30px;margin:30px"/>

                </div><br>
                 <img src="http:../application/assets/img/277x50GuiasGeneradas.png" style="margin-top:20px; margin:30px" />
                 <br>
                 <br>

                 <font color=#006a87><b>Se han generado guías en su cuenta, Hemos adjuntado la(s) guía(s) en formato *.PDF</font></b>
                 <br>
                 <br>
                 <br>

                <font color=#006a87><b>Haga click  en el número de guía para rastreo: <a href="http://">32135465</a></b><br>
                <br>
                 <br>
                 <br>

                <p><b>Atentamente</b></p>
                <p><small><b>el equipo de</b> </small> </p>
         <img style="height:20px;widht:20px" src="http:../application/assets/img/277x50Logo.png" style="margin-top:50px" />

            </div>
        </center>
    </body>
</html> ';

    echo  $cuerpo;   ?>
16
  • 1
    Hola! ¿A qué se refiere con que salen 3 imágenes? Te refieres a que la imagen de fondo sale repetida?
    – Csc99
    Commented el 18 sept. 2018 a las 15:05
  • es correcto y solo ocupo 1 imagen de fondo para poner los textos Commented el 18 sept. 2018 a las 15:09
  • Vale. Pues escribe en el CSS background-repeat: no-repeat y así no se repetirá más.
    – Csc99
    Commented el 18 sept. 2018 a las 15:15
  • en el css si me queda muy bien... pero el que me lo pide tiene que estar con ese codigo... si me explico, no puede tener css porque no jalara en su sitema me comenta. Commented el 18 sept. 2018 a las 15:16
  • Intenta poner !important al final de la línea del CSS, así este estilo tendrá 'privilegios'. Con lo cual quedaría: background-repeat: no-repeat !important;
    – Csc99
    Commented el 18 sept. 2018 a las 15:18

1 respuesta 1

0

Este es un ejemplo usando una imagen de alta definición. Prueba de esta manera.

<html>
    <head>
    </head>
    <body style="font-family:TitilliumWeb-Regular;color:#006a87">

    <body background="https://picsum.photos/1200/1800/?gravity=east"> 

        <center>
            <div style="width:500px;height:60px;background-color:#ffffff;border-radius:20px">

                <div style="width:100%;height:50px;background-color:#006a87;border-top-left-radius:10px;border-top-right-radius:10px; padding-top:20px;">

                <img style="height:30px "src="http://sandbox.balun.mx/application/assets/img/logof.png" style="margin-top:30px;margin:30px"/>

                </div><br>
                 <img src="http:../application/assets/img/277x50GuiasGeneradas.png" style="margin-top:20px; margin:30px" />
                 <br>
                 <br>

                 <font color=#006a87><b>Se han generado guías en su cuenta, Hemos adjuntado la(s) guía(s) en formato *.PDF</font></b>
                 <br>
                 <br>
                 <br>

                <font color=#006a87><b>Haga click  en el número de guía para rastreo: <a href="http://">32135465</a></b><br>
                <br>
                 <br>
                 <br>

                <p><b>Atentamente</b></p>
                <p><small><b>el equipo de</b> </small> </p>
         <img style="height:20px;widht:20px" src="http:../application/assets/img/277x50Logo.png" style="margin-top:50px" />

            </div>
        </center>
    </body>
</html>

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.