Problema ao mostrar imagem em um th usando span

Diego Martinez · 26/12/2012

Hola, tengo un problema, resulta que tengo una tabla y quiro mostrar en un "th" una imagen en vez de texto de la siguiente forma:

<td>

</td>

css
.pato{
background-image: url(pato.png);
}

De esta forma no muestra la imagen solo la muestra si agrego texto entre "span". Si me pueden aportar alguna sugerencia Genial!!

Isidro · 26/12/2012

Prueba así:

Inserir CODE, HTML ou PHP:

.pato{
    background-image: url('pato.png');
    /*background: url('pato.png') no-repeat;*/
    height: 102px;
    width: 457px;
    position: absolute
}

Edito: Me gustaría saber los motivos para introducir una imagen en las etiquetas "span", cuando van dirigidas especialmente al texto.

deadmau5 · 06/01/2013

Como bien dijo arriba Isidro.
Se hace poniéndole position absolute, y definiéndole width y height.
Pero te recomendaría que en vez de usar tablas uses divs. Te van a solucionar la vida.

Lopezito · 08/01/2013

deadmau5 disse:
Como bien dijo arriba Isidro.
Se hace poniéndole position absolute, y definiéndole width y height.
Pero te recomendaría que en vez de usar tablas uses divs. Te van a solucionar la vida.

No es necesario position:absolute; solo con definir background, width y height basta

Isidro · 08/01/2013

Lopezito disse:
No es necesario position:absolute; solo con definir background, width y height basta

En realidad sí. No es div ni img, es la etiqueta span.
Y si width y height son superiores a las dimensiones de la imagen, puede usar no-repeat (como se comenta) para que no los tome en cuenta.

Lopezito · 08/01/2013

Isidro disse:
En realidad sí. No es div ni img, es la etiqueta span.
Y si width y height son superiores a las dimensiones de la imagen, puede usar no-repeat (como se comenta) para que no los tome en cuenta.

Prueba sin absolute, que es lo mismo :drunk:

Isidro · 08/01/2013

Lopezito disse:
Prueba sin absolute, que es lo mismo :drunk:

No pretendo discutir, pero no es necesario. Haz la prueba tú, yo ya la hice.

Inserir CODE, HTML ou PHP:

<td>
    <span class="pato"></span>
</td>


<style>
    .pato{
        background: url(header.JPG);
        height: 102px;
        width: 457px
    }
</style>

Jorge Reyes · 08/01/2013

No seria mas fácil así?

PHP:

<td>
<img src="pato.png"  height="102px" width="50px">
</td>

Isidro · 08/01/2013

Jarm97171997 disse:
No seria mas fácil así?

PHP:

<td> <img src="pato.png" height="102px" width="50px"> </td>

Sí, y aún mejor:

HTML:

<img src="header.JPG"/>

Pero si pedía eso...

DjLucho · 09/01/2013

Un detalle,
[CODE
]<td>

</td>

css
.pato{
background-image: url(pato.png);
} [/CODE]
Pato.png lo pusiste sin " ' "
debería quedar así

Inserir CODE, HTML ou PHP:

<td>
<span class="pato"></span>
</td>

css
.pato{
background-image: url('pato.png');
}

Isidro · 09/01/2013

DjLucho disse:
Un detalle,
[CODE
]<td>

</td>

css
.pato{
background-image: url(pato.png);
} [/CODE]
Pato.png lo pusiste sin " ' "
debería quedar así

Inserir CODE, HTML ou PHP:

<td> </td> css .pato{ background-image: url('pato.png'); }

Las comillas puedes colocarlas o no. En este caso, no es el problema que causa la "invisibilidad", por lo que aun teniendo comillas no se visualizará.

codigoadicto · 27/01/2013

Y porqué un span?

Problema ao mostrar imagem em um th usando span

Diego Martinez

Isidro

deadmau5

Lopezito

Isidro

Lopezito

Isidro

Jorge Reyes

Isidro

DjLucho

Isidro

codigoadicto

Tópicos similares