<h:graphicImage> alineación vertical

Tengo esta imagen:

<h:graphicImage library="images" name="lighton.png" height="22" rendered="#{mController.dothat}" />

que necesito para ser verticales alineadas a un campo.

Añadir manualmente (por ejemplo, a través de firebug) align=»absmiddle» a la producida <img/> etiqueta de trabajo. Sin embargo, la adición a la graphicImage etiqueta, no hace nada.

Sería genial si se agrega el JSF/HTML código que rodean la <h:graphicImage> con el fin de ayudarle.
está rodeado por una «p:commandLink», el cual está colocado correctamente alineados
Se parece a un CSS problema. Verificación de las soluciones propuestas velocityreviews.com/forums/… y stackoverflow.com/a/5203632/1065197

OriginalEl autor Fabio B. | 2013-02-27

1 Kommentar

  1. 8

    Estilo de posicionamiento/elementos/atributos como font, center, align, bgcolor, etc, son obsoleto desde HTML 4.01 en 1998. Mantenerse al día. Se supone que para usar CSS para que.

    Conjunto de la CSS vertical-align propiedad middle, ya sea por un estilo en línea (mala práctica)

    <h:graphicImage ... style="vertical-align: middle;" />

    o por un estilo de clase (recomendado) en el elemento o tal vez un padre

    <h:outputStylesheet name="css/style.css" />
    ...
    <h:graphicImage ... styleClass="someSensibleClassName" />

    con en /resources/css/style.css

    .someSensibleClassName {
        vertical-align: middle;
    }

    OriginalEl autor BalusC

Kommentieren Sie den Artikel

Bitte geben Sie Ihren Kommentar ein!
Bitte geben Sie hier Ihren Namen ein

Pruebas en línea