Wie fügen Sie Stil, um h:panelGrid

Ich habe einen panel-grid mit zwei Spalten, und ich will richten Sie die Rechte Spalte text in der Mitte und der linken Spalte der text Links.

Ich versuche mit ihm zu spielen über und über, aber immer noch funktioniert es nicht

<pe:layoutPane position="south" resizable="false" closable="false" statusbar="true" spacing="0">
                <h:panelGrid columns="2" styleClass="left,centered" width="100%">
                    <h:outputText value="DEV"/>
                    <h:panelGroup>
                        <h:outputText value="Developed by "/>
                        <h:outputLink id="link1" value="mailto:[email protected]" >
                            <h:outputText value="text" style="text-decoration:underline"/>
                        </h:outputLink>
                    </h:panelGroup>
                </p:panelGrid>
            </pe:layoutPane>

Hier ist der css:

 .centered  {
 margin: 0px auto;
text-align: center;
 }


.left {
float: left;   
}

Irgendeine Idee, wie konnte ich das Archiv dieses layout ??

Dank

  • Ist es das, was Sie zu erreichen versuchen, columnClasses="Links", "zentriert" ?
InformationsquelleAutor angus | 2012-07-26
  1. 2

    sollten Sie besser 

    <h:panelGrid columns="2" columnClasses="left,centered">
...
</h:panelGrid>

    Grüße!

    InformationsquelleAutor djnose
  2. 0

    Fand ich die Lösung 🙂

            <center>
                    <h:outputText value="DEV" style="float: left" styleClass="footer"/>
                    <h:outputText value="xxxxxxx" styleClass="footer"/>
                    <h:outputLink id="link1" value="mailto:xxxx@xxxx" styleClass="footer">
                        <h:outputText value="xxx" style="text-decoration:underline" styleClass="footer"/>
                    </h:outputLink>
                </center>
    • Die <center> element ist veraltet, seit HTML 4.01 im Jahr 1998.
    InformationsquelleAutor angus
Schreibe einen Kommentar