¡Caminando hacia el éxito!

Aprende en Comunidad

Avalados por :

Cómo alinear iconos en HTML: Solución para el atributo vAlign y la alineación del texto

  • Creado 01/03/2024
  • Modificado 01/03/2024
  • 31 Vistas
0
Cargando...

Desafortunadamente, la etiqueta de imagen htmlb:image no tiene el atributo vAlign. Utilizo htmlb:image para mostrar ICONOS en muchos lugares de mi aplicación. Siempre tengo el problema de que el texto alrededor del icono se alinea en la línea base del icono, cuando me gustaría alinearlos en la parte superior o en el medio.

¿Cuál es la mejor manera de resolver eso?

¿Usar <img> en su lugar? ¿Colocar una celda de tabla alrededor de la celda? ¿Modificar los archivos CSS?

Pedro Pascal
Se unió el 07/03/2018
Pinterest
Telegram
Linkedin
Whatsapp

4 Respuestas

0
Cargando...

Muchas formas de hacer lo mismo.

Utilizo el elemento <bsp:findAndReplace> varias veces, o hago algunas sustituciones de cadenas en cadenas de salida de HTML pre-renderizadas.

Respondido el 15/04/2024
LUCIANO RIOJA GHIOTTO
Se unió el 13/07/2019
0
Cargando...

la forma más sencilla parece ser colocar una etiqueta <DIV> alrededor con estilo="vertical-align:top;"

Respondido el 15/04/2024
LUCIANO RIOJA GHIOTTO
Se unió el 13/07/2019
0
Cargando...

¿También puedes intentar el xhtmlb:matrix o fue phtmlb:matrix?

Respondido el 15/04/2024
LUCIANO RIOJA GHIOTTO
Se unió el 13/07/2019
0
Cargando...

Hola Daniel,

quédate con htmlb y organiza las etiquetas en un diseño de cuadrícula htmlb. En htmlb-gridlayoutcell encontrarás atributos para alineación vertical/horizontal.

Saludos,

Ulli

Respondido el 15/04/2024
LUCIANO RIOJA GHIOTTO
Se unió el 13/07/2019

contacto@primeinstitute.com

(+51) 1641 9379
(+57) 1489 6964

© 2024 Copyright. Todos los derechos reservados.

Desarrollado por Prime Institute

¡Hola! Soy Diana, asesora académica de Prime Institute, indícame en que curso estas interesado, saludos!
Hola ¿Puedo ayudarte?