imagen de fondo

Mirovita · #1 (**permalink**) 18/06/2007, 07:52

HOlas a todos,

estoy tratando de colocar una imagen de fondo sin usar la propiedad background.. no se como colocar el texto sobre la imagen con css sera que alguien puede ayudarme... aca coloco mas o menos lo q deseo tener pero q como esta no funciona.. es q no se q mas hacer

ejem...

Código HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Imagen de fondo para imprimir</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.imagen{
	position:absolute;
	top: 10px;
    left: 50px;
	}
	-->
</style>

<script language="JavaScript">

function imprimirPagina() { 
  if (window.print)
    window.print(); 
  else
    alert("Lo siento, pero a tu navegador no se le puede ordenar imprimir" +
      " desde la web. Actualizate o hazlo desde los men?s");
}

</script>
</head>

<body>
<table>
<tr>
<td class="imagen">
<img src="EscudoVargas.jpg" class="imagen">
<br>
QUiero que este texto me salga sobre la imegen
<br>
POrq si uso la imagen como background luego no se imprime
<br>
</td>
</tr>

<tr>
<td>
<input type="button" onclick="imprimirPagina();" class="boton" value="Imprimir">
</td>
</tr>
</table>
</body>
</html>

Mirovita · #2 (**permalink**) 18/06/2007, 09:42

ya se coo hacerlo muchas gracias a todos...lo que hay que hacer en en ez de colocar el class en la imagen hay q colocarle al texto un div con el class... bueno era una estupidez pero gracias DIOS lo pude hacer-.-. muchas gracias

iconogt · #3 (**permalink**) 18/06/2007, 17:34

Pues mira, como yo lo hago es llamando la imagen como fondo y luego el texto lo puedes manipular a tu gusto usando css, hmmmmm veamos un ejemplo seria esto:

Código:

div#capa_contenedora {
margin : 1cm auto;
padding : .5em;
background : Transparent url(directorio/de/imagen.jpg) no-repeat top left;
}

#capa_contenedora p {
float : ?;    /* left, right en fin, tu sabras */
margin : 2px;
padding : 0;
text-align : ?; /* si la imagen queda a la izquierda, alinias a la derecha */
}

No se si esto te sirva de algo, como te digo es una forma de hacerlo o mejor dicho es como yo mas o menos acostumbro a colocar texto sobre imagenes. Pero sino me explicas que es lo que quieres en concreto.

Slds y espero respuesta