Mostrar elemento pero no reservar espacio.

[kunndry]

Hola, es la primera vez que participo en esta sección, asi que espero no hacer una pregunta tonta (He mirado los faqs y los temas y no he encontrado nada).

Me gustaria saber si es posible mostrar un elemento html pero sin reservar espacio para este.

Lo que quiero lograr es mover una imagen un poco hacia arriba y hacia la derehca y ponerle un texo a la izquierda. El problema es que como aunque lo mueva, el navegador reserva el espacio, el texto queda sangrado hasta que rebasa el punto donde acabaria la imagen si no la hubiese movido, y no me gusta el efecto.

Por eso si alguien supiera como hacer eso se lo agradeceria mucho.

Un saludo y gracias a todos.

[levhita]

Tienes el enlace donde tienes este efecto?, tal vez el html?

Así es un poco dificil ayudarte.

[kunndry]

jejeje, no habia caido.

Lo acabo de subir, esta es la url: http://www.cinecin.com/pruebas/pruebas.htm

Conforme esta ahora, si se ve con firefox logro el efecto que busco, en cambio con explorer no.

[kunndry]

Bueno, temporalmente lo he solucionado añadiendo una tabla a los div´s. De todas maneras dejo el ejemplo por si alguien se le ocurre una solución para arreglarlo en explorer

[levhita]

Te paso las modificaciones.

Código:

.nota{
	border:4px solid #000000;
	padding:10px;
	padding-left:60px;
        background-color:#FFCC00;
	position: relative;
	top: 50px;
	left: 50px;
	right: 5px;
	width: 400px;
	height: auto;
}

.ImagenCabecera {
	position:absolute;
        border: 4;
	border-color: #000000;
	left: -50px;
	top: -50px;
}

Basicamente es sacar del flujo de la página a la imagen y añadir un padding(margen interno) izquierdo a la nota.