Foros del Web » Creando para Internet » HTML »

<h1> reemplazado por imagen, se puede hacer esto?

Estas en el tema de <h1> reemplazado por imagen, se puede hacer esto? en el foro de HTML en Foros del Web. Hola a todos... Muchas veces, por cuestiones de tipo de fuentes, me pasan una imagen como el título de la página, digamos una imagen que ...
  #1 (permalink)  
Antiguo 09/12/2008, 10:12
Avatar de Carxl
Colaborador
 
Fecha de Ingreso: agosto-2006
Ubicación: Bogotá
Mensajes: 2.993
Antigüedad: 11 años, 4 meses
Puntos: 70
<h1> reemplazado por imagen, se puede hacer esto?

Hola a todos...

Muchas veces, por cuestiones de tipo de fuentes, me pasan una imagen como el título de la página, digamos una imagen que contenga la frase "Quiénes somos?".

Si voy a escribir el html:
Código HTML:
<h1><img src="ubicacion_imagen" alt="imagen_quienes_somos" title="Quienes Somos" /></h1> 
Se puede?? Osea, querer decir que esa imagen tiene la importancia de un título h1??

Saludos
__________________
Hay 10 tipos de personas, los que entienden binario y los que no. (Anónimo)
www.programandoweb.com
  #2 (permalink)  
Antiguo 09/12/2008, 10:45
Avatar de talmente  
Fecha de Ingreso: noviembre-2007
Mensajes: 233
Antigüedad: 10 años, 1 mes
Puntos: 4
Respuesta: <h1> reemplazado por imagen, se puede hacer esto?

<body>
<h1>logotipo</h1>
</body>


h1 {
background: url(imagen/imagen.png) no-repeat;
padding-top: 5%;
padding-bottom: 5%;
display: block;
text-indent: -1000px;
}

Si lo ves en FF sin estilos leeras la palabra logotipo y con estilo la imagen que pongas de fondo.

Edito: El "display: block;" sobra.
  #3 (permalink)  
Antiguo 09/12/2008, 11:28
Avatar de Carxl
Colaborador
 
Fecha de Ingreso: agosto-2006
Ubicación: Bogotá
Mensajes: 2.993
Antigüedad: 11 años, 4 meses
Puntos: 70
Respuesta: <h1> reemplazado por imagen, se puede hacer esto?

Gracias por tu respuesta talmente...

Creo que no me expliqué bien:
Cita:
Se puede?? Osea, querer decir que esa imagen tiene la importancia de un título h1??
Eso, osea, quiero saber si es válido decir que una imagen puede estar entre las etiquetas <h1></h1>, tener la importancia de título principal. Hablo semánticamente no sintácticamente:D.

Saludos
__________________
Hay 10 tipos de personas, los que entienden binario y los que no. (Anónimo)
www.programandoweb.com
  #4 (permalink)  
Antiguo 09/12/2008, 11:38
Avatar de talmente  
Fecha de Ingreso: noviembre-2007
Mensajes: 233
Antigüedad: 10 años, 1 mes
Puntos: 4
Respuesta: <h1> reemplazado por imagen, se puede hacer esto?

Si, o por lo menos yo lo entiendo asi, por que quien no tenga un navegador al uso lo que vera será el texto o oirá el texto que encierra el <h1></h1> y los demás veremos la imagen, que se supone tendrá el mismo texto.
  #5 (permalink)  
Antiguo 09/12/2008, 17:07
Avatar de Daniel Ulczyk
Moderador
 
Fecha de Ingreso: febrero-2005
Ubicación: Buenos Aires
Mensajes: 9.175
Antigüedad: 12 años, 9 meses
Puntos: 2072
Respuesta: <h1> reemplazado por imagen, se puede hacer esto?

Hola Carxl

En tu ejemplo, la imagen no tiene la importancia de un encabezado de primer nivel.
Sí, en el tipo de ejemplo que cita talmente, reemplazo de texto por imagen mediante CSS.

Al respecto, hay varios métodos; muchos de los cuales están expuestos en el blog de Dave Shea: Revised Image Replacement

Por otro lado, mediante JavaScript y Flash; se puede llevar a cabo con sIFR
__________________
—Somos lo que hacemos repetidamente. La excelencia, entonces, no es un acto sino un hábito. (Aristóteles dixit)
  #6 (permalink)  
Antiguo 10/12/2008, 07:47
Avatar de Carxl
Colaborador
 
Fecha de Ingreso: agosto-2006
Ubicación: Bogotá
Mensajes: 2.993
Antigüedad: 11 años, 4 meses
Puntos: 70
Respuesta: <h1> reemplazado por imagen, se puede hacer esto?

Ahhh breve... ya entiendo Gracias por sus respuestas

Saludos
__________________
Hay 10 tipos de personas, los que entienden binario y los que no. (Anónimo)
www.programandoweb.com
  #7 (permalink)  
Antiguo 11/05/2011, 16:48
 
Fecha de Ingreso: mayo-2011
Mensajes: 1
Antigüedad: 6 años, 7 meses
Puntos: 0
Respuesta: <h1> reemplazado por imagen, se puede hacer esto?

Hola,

Uso <h1>con í ñ ó</h1> los cuales se convierten en una imagen, pero el problema es que no me reconoce los acentos ni las ñ.
He puesto de ambas maneras ñ y &ntilde; sin resultados.

Alguna sugerencia?
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 23:59.