Imagen como marca de agua

Boliche' s · #1 (**permalink**) 23/07/2004, 05:35

Hola,
Quería saber si alguien pudiese ayudarme en este tema. Quiero incluir una imagen en mi página web pero lo que quiero hacer es lo siguiente: esta imagen es un pequeño icono con forma de curva que irìa en el vértice izquierdo de la página principal. La página está compuesta por tres marcos, lo que entonces sucede es que al poner este pequño icono que, lo que haría es unir un marco con otro en forma de curva, como la página principal es grande, al desplazarme por la barra vertical, dicha imagen corre al igual que el resto de la página, y lo que pretendo es que se quede inmóbil. Me dijeron de hacerlo usando una capa, pero no lo consigo.
Si alguien pudiese echarme un cable lo agradecería.
Gracias.

PatomaS · #2 (**permalink**) 23/07/2004, 07:00

Hola

Con esto puedes mantener la imagen o lo que quieras fijo en un punto de la pantalla.

Código:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="es">
<head>
<title>Documento sin t&iacute;tulo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
body {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
div.capaFija {
	position: absolute;
	top: 0px;
	left: 100px;
	width: 50%;
	height: 50%;
	background-color: #00ff00;
}
@media screen {
	html { overflow: hidden; }
	html[lang] { overflow: visible; }
	body { height: 100%; overflow: auto; }
	html>body { height: inherit; overflow: visible; }
	body>div.capaFija { position: fixed; }
}
</style>
</head>

<body>
<div class="capaFija" id="capita">aquí va el contenido que se queda fijo</div>
<p>texto</p>
<p>texto</p>
<p>texto</p>
<p>texto</p>
<p>texto</p>
<p>texto</p>
<p>texto</p>
<p>texto</p>
<p>texto</p>
<p>texto</p>
<p>texto</p>
<p>texto</p>
<p>texto</p>
<p>texto</p>
<p>texto</p>
<p>texto</p>
<p>texto</p>
<p>texto</p>
<p>texto</p>
<p>texto</p>
<p>texto</p>
<p>texto</p>
<p>texto</p>
<p>texto</p>
</body>
</html>

Funciona en:

Explorer 6.0 sp1
Firebird 0.7
Firefox 0.8
Firefox 0.9
Netscape 7.0
Opera 7.23

No funciona en:
Netscape 4.x

No lo he probado en más navegadores, per ocreo que es suficiente, de todas formas si alguien me dice más navegadores en los que funcione o no funcione, con gusto tomo nota.

Bueno, como decía, con ese código debe funcionarte bien, ahora aprovecharé yo en mensaje para hacer una preguntilla.

Como ven, el doctype del documento es 4.01, no logro que funcione bien el sistema en versiones superiores. ¿alguien sabe el motivo? Con una pista me ayduaría, No es que le haya dedicado demasiado tiempo una vez que así funcionó, pero me agradaría pasarlo a un formato xhtml 1.1.

Gracias a todos de antemano.

Felicidad

Boliche' s · #3 (**permalink**) 23/07/2004, 07:39

Gracias PatomaS, sí me ha funcionado. Muchas gracias de nuevo.
Respecto a lo de tu pregunta lamento no poderte echar un cable ya que no lo sé.