Botón "Cerrar"
Baboune
-
Baboune211 Mensajes publicados 3 Estado Miembro -
Baboune211 Mensajes publicados 3 Estado Miembro -
Hola,
¡No me gusta el botón "básico"!
<input type=button value="Cerrar esta ventana" onClick=window.close() name=button>
Así que quiero reemplazar este botón por una imagen (fácil) con la función "Cerrar la ventana", ahí es donde se complica.
Ej:
<p align="center"><img src="Cerrar.png" width="218" height="40"></p>
Preciso que el "alt" no funciona en Chrome, lo reemplazo por "title"...
Gracias por la solución.
Atentamente.
Configuración: Windows / Chrome 80.0.3987.132
¡No me gusta el botón "básico"!
<input type=button value="Cerrar esta ventana" onClick=window.close() name=button>
Así que quiero reemplazar este botón por una imagen (fácil) con la función "Cerrar la ventana", ahí es donde se complica.
Ej:
<p align="center"><img src="Cerrar.png" width="218" height="40"></p>
Preciso que el "alt" no funciona en Chrome, lo reemplazo por "title"...
Gracias por la solución.
Atentamente.
Configuración: Windows / Chrome 80.0.3987.132
2 respuestas
Hola,
¿Y en qué se complica eso?
¿Has pensado en poner el onclick en tu imagen?
Sin eso, no funcionará.
--
Atentamente,
Jordane
¿Y en qué se complica eso?
¿Has pensado en poner el onclick en tu imagen?
Sin eso, no funcionará.
--
Atentamente,
Jordane
Hola,
eh, ¿tienes una pregunta?
Para ayudarte y saber lo que quieres, sería útil...
De todos modos, si reemplazas un input (y no un botón que es otra etiqueta) por un texto (que contenga una imagen) no funcionará igual.
De hecho, es una idea extraña (y sobre todo falsa) usar un input pero no como input (que es un elemento de formulario para transmitir información).
Puedes hacerlo así:
https://forums.commentcamarche.net/forum/affich-32492757-creer-un-bouton-avec-une-image-en-html
sin olvidarte de reportar el JavaScript en el siguiente enlace como se explica aquí (ver la 3ª respuesta ya que la segunda está en jQuery y nada indica ni requiere que integres esta biblioteca)
https://stackoverflow.com/questions/1070760/javascript-function-in-href-vs-onclick
O directamente (vamos a ser locos, usemos lo que hay que usar cuando hay que usarlo) usando un botón para tener un... botón.
"Debo aclarar que el "alt" no funciona en Chrome, lo reemplazo por "title"..."
Por lo tanto, estás equivocado... alt es la descripción de la imagen y no se supone que funcione o haga nada más que describir la imagen: es incluso un atributo obligatorio que debe ser llenado (con fines de SEO y accesibilidad) de una imagen. Omitirlo es un error (peor que usar un input de cualquier manera, aunque eso ya es bastante malo).
En cuanto al atributo title, no tiene nada que ver con alt ya que permite (Tadam tambor) indicar otra información sobre un elemento: un "título". Puede aparecer como un tooltip en muchos navegadores, pero no es una regla o norma y no es la manera correcta de hacer un tooltip.
Toda la información aquí:
https://www.alsacreations.com/astuce/lire/1-comment-personnaliser-une-infobulle.html
Por lo tanto, hay que hacerlo en CSS (o JavaScript) pero, por supuesto, si tienes los conceptos básicos de HTML que, parece, te hacen bastante falta.
CSS también lo necesitas mucho porque en HTML5 (y incluso desde hace más de 15 años) esto no debe escribirse:
mira la línea en rojo bajo Notas de compatibilidad:
https://www.w3schools.com/tags/att_p_align.asp
ver aquí la manera correcta:
https://www.w3schools.com/cssref/pr_text_text-align.ASP
eh, ¿tienes una pregunta?
Para ayudarte y saber lo que quieres, sería útil...
De todos modos, si reemplazas un input (y no un botón que es otra etiqueta) por un texto (que contenga una imagen) no funcionará igual.
De hecho, es una idea extraña (y sobre todo falsa) usar un input pero no como input (que es un elemento de formulario para transmitir información).
Puedes hacerlo así:
https://forums.commentcamarche.net/forum/affich-32492757-creer-un-bouton-avec-une-image-en-html
sin olvidarte de reportar el JavaScript en el siguiente enlace como se explica aquí (ver la 3ª respuesta ya que la segunda está en jQuery y nada indica ni requiere que integres esta biblioteca)
https://stackoverflow.com/questions/1070760/javascript-function-in-href-vs-onclick
O directamente (vamos a ser locos, usemos lo que hay que usar cuando hay que usarlo) usando un botón para tener un... botón.
<button type=button onclick="window.close()" name="botón"> <img src="monimage.png" alt="descripción de la imagen obligatoria aquí" /> </button>
"Debo aclarar que el "alt" no funciona en Chrome, lo reemplazo por "title"..."
Por lo tanto, estás equivocado... alt es la descripción de la imagen y no se supone que funcione o haga nada más que describir la imagen: es incluso un atributo obligatorio que debe ser llenado (con fines de SEO y accesibilidad) de una imagen. Omitirlo es un error (peor que usar un input de cualquier manera, aunque eso ya es bastante malo).
En cuanto al atributo title, no tiene nada que ver con alt ya que permite (Tadam tambor) indicar otra información sobre un elemento: un "título". Puede aparecer como un tooltip en muchos navegadores, pero no es una regla o norma y no es la manera correcta de hacer un tooltip.
Toda la información aquí:
https://www.alsacreations.com/astuce/lire/1-comment-personnaliser-une-infobulle.html
Por lo tanto, hay que hacerlo en CSS (o JavaScript) pero, por supuesto, si tienes los conceptos básicos de HTML que, parece, te hacen bastante falta.
CSS también lo necesitas mucho porque en HTML5 (y incluso desde hace más de 15 años) esto no debe escribirse:
<p align="center">
mira la línea en rojo bajo Notas de compatibilidad:
https://www.w3schools.com/tags/att_p_align.asp
ver aquí la manera correcta:
https://www.w3schools.com/cssref/pr_text_text-align.ASP