Comunidad de diseño web y desarrollo en internet online

Escribir sobre una imagen en HTML

Citar            
MensajeEscrito el 29 Ene 2007 11:19 pm
Hola,

Lo que necesito hacer es escribir sobre una imagen y tambien quiero saber si se puede colocar una imagen dentro de otra. Por ejemplo, digamos que quiero hacer una web en la que cada usuario tenga una foto, y quiero que esa foto forme parte de la cabecera de la pagina que es una imagen ( digamos que quiero ponerla en la esquina superior derecha ), lo que quiero es que quede la imagen del usuario sobre la imagen de mi cabecera, que parezca que forma parte de ella.

Con el texto lo mismo, digamos que quiero publicar un texto sobre una imagen.
A ser posible dadme un pequeño ejemplo de codigo, gracias

Gracias de antemano,

Por turbopitufo

10 de clabLevel



 

firefox
Citar            
MensajeEscrito el 30 Ene 2007 12:25 pm
La imágen deberia estar como fondo.
En una etiqueta div le aplicas un estilo al cual le aplicas la propiedad "background-image:" y el parametro "url" y adentro vas a poder aplicar texto o una imagen, etc...

El código seria masomenos asi.

Código :

<div style="background:url('urldelaimagen');">el texto o la imagen</div>


Otra alternativa es usar un archivo .css como hoja de estilos y aplicarle el estilo al div que quieras
CSS

Código :

#nombre{
   background:url('urldelaimagen');
}

HTML

Código :

<div id="nombre">el texto o la imagen</div>


Seguramente vas a tener que agregarle otras propiedades, tales como "margin", "padding", etc... para que quede bien ajustado a lo que buscas. Busca en los tutoriales que te explica bien como usar CSS con HTML

Por PabloHdS

251 de clabLevel



 

firefox
Citar            
MensajeEscrito el 30 Ene 2007 12:48 pm
Muchas gracias PabloHdS

Por turbopitufo

10 de clabLevel



 

firefox
Citar            
MensajeEscrito el 06 Feb 2007 07:40 am
a la imagen le pones dentro en sus atributos

Código :

style="z-index: 1"
y a lo que tenga el texto le pones

Código :

style="z-index: 2"
esto tambien se lo puedes agregar al id o class en tu hoja de estilo.

investiga sobre el uso de las ojas de estilo (css) en verdad son maravillosas

Por Inyaka

Claber

3176 de clabLevel

9 tutoriales
2 articulos

Genero:Masculino   Desarrollador de GAIA

Programador y fotógrafo

firefox
Citar            
MensajeEscrito el 09 Feb 2007 04:38 am
me parece que también podrías usar capas(Layers) solapadas, dale una revisada en Dreamweaver o FrontPage, la idea seria una imagen de fondo, la imagen del usuario en una capa, y el texto en otra capa, esto es sencillo con Dreeamwever, acomodas las capas como si fuera photoshop

Por kassanmoor

303 de clabLevel



 

Cochabamba

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.