Foros del Web » Creando para Internet » CSS »

imagen de fondo

Estas en el tema de imagen de fondo en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 18/06/2007, 08:52
Avatar de Mirovita  
Fecha de Ingreso: febrero-2005
Ubicación: Caracas-Venezuela
Mensajes: 840
Antigüedad: 12 años, 9 meses
Puntos: 10
imagen de fondo

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> 
__________________
.-._.-. [email protected]_.-.

Última edición por Mirovita; 18/06/2007 a las 09:55
  #2 (permalink)  
Antiguo 18/06/2007, 10:42
Avatar de Mirovita  
Fecha de Ingreso: febrero-2005
Ubicación: Caracas-Venezuela
Mensajes: 840
Antigüedad: 12 años, 9 meses
Puntos: 10
Re: imagen de fondo

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
__________________
.-._.-. [email protected]_.-.
  #3 (permalink)  
Antiguo 18/06/2007, 18:34
Avatar de iconogt  
Fecha de Ingreso: septiembre-2004
Ubicación: Guatemala
Mensajes: 573
Antigüedad: 13 años, 3 meses
Puntos: 4
Re: imagen de fondo

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
__________________
_______
Jorge Rojas.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 08:05.