how to put the information of my page on image? [closed]

Question

how to put the information of my page on image? [closed]

Navigation

#1 by (2 votes)
#2 by (1 votes)
#3 by (1 votes)

2

Start

<img src="img/programacion.jpg">

<form action="Formulario_submit" method="POST" accept-charset="utf-8">
    <center>

    <h1>Super Mundo Web</h1>

    <p>"Si puedes imaginar se puede programar"</p>
    <p>Somo una empresa comprometida con un unico objetivo
    satisfacer sus necesidades tenemos la suficiente experiencia para
    cumplir sus objetivos.</p>


    <br><label>Direccion : Calle 2c # 34B - 44</label></br>
    <br><label>Telefono : 7224567</label></br>
    <br>Email : [email protected]</br>
    <br><a href="Servicios.php">Servicios</a></br>

    </center>
</form>

html

asked by Cristian Antonio Trujillo Gris 24.03.2018 в 16:51

source

3 answers

Alertdialog, separate the title of the message Convert 'dd / MM / yyyy hh: mm: ss' to 'hh: mm: ss tt', SQL Server

score 2 · Answer 1

2

With the title attribute:

  <img src="img/programacion.jpg" title="Hola Mundo!">

answered by 24.03.2018 в 16:57

score 1 · Answer 2

If I understand what you are looking to do, is that the text information you decide to put on top of an image; you need:

the element that is going to be below is to say the image has a fixed position

the element that is going to be left over, the text needs a relative position

Look at this example

<style>
  img{
    position: absolute;
    width: 300px;
    height: 300px;
  }
  #datos{
    position: relative;
  }
</style>
<img src="https://lasimagenesdegoku.com/wp-content/uploads/2017/11/12-1.png">


<div id="datos">
      <br><label>Direccion : Calle 2c # 34B - 44</label></br>
    <br><label>Telefono : 7224567</label></br>
    <br>Email : [email protected]</br>
    <br><a href="Servicios.php">Servicios</a></br>
</div>

score 1 · Answer 3

If you want to put a background image on your page you can do it with background-image: url('ruta/a/tu/imagen') , the <center> is deprecated, it is better to use css to center the content, and finally the tag   does not have closing tag you can put it as   or   for XHTML documents but not  

body {
  background-image: url('https://cdn.pixabay.com/photo/2017/02/15/11/15/wintry-2068298_1280.jpg');
  text-align: center;
}

<h1>Super Mundo Web</h1>

<p>"Si puedes imaginar se puede programar"</p>
<p>Somo una empresa comprometida con un unico objetivo satisfacer sus necesidades tenemos la suficiente experiencia para cumplir sus objetivos.</p>


<p>Direccion : Calle 2c # 34B - 44</p>
<p>Telefono : 7224567</p> 
<p>Email : [email protected]</p>
<a href="Servicios.php">Servicios</a>