image
Inicio » Foros » CSS

Foro sobre hojas de estilo CSS

insertar 2 imagenes en 1 estilo

Volver al foro | Responder | Añadir nuevo tema


De: nagous
Fecha: 16/12/2005
Mensaje:

Me gustaría saber si hay algun modo de insertar 2 imagenes en un estilo de CSS. Si lo intento me lee solo la segunda imagen incluida. Tambien me gustaría saber si existe algun modo de introducir tablas dentro de una CSS.




Quizás le interese
De: Rumoroso
Util para: 1 personas

Fecha: 16/12/2005
Mensaje:

Si te soy sincero no entiendo lo que quieres hacer. Las imágenes que se introducen en las css suelen ir en atributos como son background-image o content (este no funciona en IE). Si introduces una imagen mediante un atributo, no puedes volver a meter otra en el mismo atributo, pues el orden de prioridad provocará que la segunda imagen sea la que se muestre. Lo que no puedes hacer es asignar dos imágenes para un mismo atributo.

Lo de meter tablas en css...   no me puedo imaginar qué es lo que tratas de hacer ni qué es lo que quieres conseguir con ello. Las tablas, por definición, son elementos para introducir datos tabulares, por lo que al contener datos, deben ir en el código (x)html, y nunca para maquetar.

Un saludo





De: Dani Pazos
Util para: 1 personas

Fecha: 18/01/2006
Mensaje:

No es posible insertar 2 imagenes en un solo estilo, pero lo que si puedes hacer es crear 2 estilos (cada uno con su imagen) y asignar cada estilo a un div dentro del codigo html. De esta forma puedes poner las dos imagenes seguidas o superponiendose la una a la otra, en funcion del atributo que le pongas en la propiedad float.

Con respecto a las tablas coincido con Rumoroso. Una cosa son los datos y otra el diseño. No se puede hacer y aunque se pudiese no es buena idea mezclar una cosa con otra.

Saludos



De: AlexOnti
Util para: 1 personas

Fecha: 08/08/2006
Mensaje:

Una posible solución, ya que no puedes poner dos fondos para un mismo elemento, es encapsular el elemento dentro de otro. A ver si me explico:

Supongamos que quieres poner 2 imágenes de fondo. La imagen A mide 128x128px. La imagen B mide 128x128px. Deseas crear un bloque de texto que tenga ambos fondos, A del lado izquierdo, B del lado derecho; los dos fondos deben repetirse hacia abajo.

Creas el bloque de texto así:

<div id="contenedorTexto"><span>
<p> Este es tu texto </p>
</span></div>

En la CSS lo defines así:

#contenedorTexto { width: 256px; background: url(fondoA.gif) repeat-y left }

#contenedorTexto span { background: url(fondoB.gif) repeat-y right }

Si no funciona, ponle así
#contenedorTexto span { background: url(fondoB.gif) repeat-y right transparent }

Listo. =)

Para los puristas, talvez no sea "semánticamente correcto" pero funciona.

Saludos.




De: javier calvo
Util para: 2 personas

Fecha: 24/11/2010
Mensaje:

Lo que estas buscando esta bien sencillo.

Mira lo que debes hacer es lo siguiente:

<img src="imagen que quieres que salga arriba" width="100" height="100" style="background-image:url('imagen que saldra abajo');">

sigue el ejemplo y eso te dara la solucion al o que quieres hacer...

Saludos y espero te sirva...



Volver al foro | Responder | Añadir nuevo tema

Quizás le interese:

WebEstilo.com no se hace responsable de las opiniones que los usuarios puedan verter en cualquiera de los foros existentes.

Si te solucionó el problema pulsa en G+1


Gracias!






Comparte



Última modificación:05 de Agosto de 2012. Spain - España.
© 1998-2004 por . Todos los derechos reservados.