Soy nuevo en el HTML y desea mostrar la imagen se muestra a la izquierda.

Me ha visualizado la imagen de que es un table row pero no soy capaz de conseguir que el texto (EN se muestra a continuación blog.com).

¿Cómo puedo escribir en la imagen?

Cualquier ayuda es apreciada.

La escritura de un texto en una imagen con HTML


EDITAR

Traté de

.logoBg
{
    background-image: url('images/logo01.gif');
    background-color: #72c2dd;
}

y

<tr class="logoBg">
    <td colspan=5>IN
    </td>
    </tr>

Pero yo sólo estoy recibiendo de texto y color de fondo, pero NO imagen de fondo.

  • algunos códigos html?
  • usar algo como <p> para contener el texto de darle una posición absoluta y se mueve, puede que tenga que envolver el <img> y <p> en una posición relativa <div>. aquí es algo más de información. o el uso de fondo ^^
InformationsquelleAutor GAMA | 2012-07-05

5 Comentarios

  1. 10

    Como un ejemplo:

    Usted podría utilizar esto como su HTML:

    <tr>
    <div class="image">
      <img alt="" src="http://www.YourDomain.com/img/yourImage.jpg" />
      <div class="text">
        <p>This is some demonstration text</p>
        <p>This is some more wonderful text</p>
      </div>
    </div>
    </tr>

    entonces es como tu CSS:

    .image {
        position:relative;
    }
    .image .text {
        position:absolute;
        top:10px;
        left:10px;
        width:300px;
    }

    Esto colocará el texto directamente en una imagen.

  2. 2

    Usar la imagen como imagen de fondo y poner el texto en el mismo elemento:

    HTML:

    <table>
     <tr>
      <td id="myTableCell">
       In
      </td>
     </tr>
    </table>

    CSS:

    .myTableCell {
      background-image: url(Images/MyImage.png);
    }
  3. 1

    @Ecnalyr es correcto, pero si uso position:absolute, la posición se calcula a partir de la esquina superior izquierda de su navegador. Yo realmente duda de que es lo que quieres. En su lugar, utilice position:relative y la posición de su texto usando +ve y ve los números a la posición de su texto en la imagen con respecto al lugar donde se coloque el div

  4. 0

    Si el elemento contenedor de la imagen tiene la posición relativa aplicado, entonces usted puede agregar un elemento adicional que se coloca absolutamente en la parte superior de la imagen

Dejar respuesta

Please enter your comment!
Please enter your name here