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.
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:0 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:0 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:1 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...
Volver al foro | 
Responder | 
Añadir nuevo tema