JSF cellpadding oder cellspacing funktioniert nicht

[delta458]

Hallo,

Habe folgenden code:

<h:panelGrid columns="2" cellspacing="2" cellpadding="2">
                    <h:outputText value="Benutzername: " />
                    <h:inputText value="go" />
                    <h:outputText value="Wohnort/Postleitzahl: " />
                    <h:panelGroup layout="block">
                    <h:inputText value="ORT"/><h:inputText value="PLZ"/>
                    </h:panelGroup>
                    <h:commandButton action="index" value="Registrieren" />
</h:panelGrid>

aber ich will hier einen Abstand haben:

und es funktioniert nie mit den cellpadding attributen.

 

[F.S.WhiTeY]

<h:panelGrid columns="2" cellspacing="2" cellpadding="2">
                    <h:outputText value="Benutzername: " />
                    <h:inputText value="go" />
                    <h:outputText value="Wohnort/Postleitzahl: " />
                    <h:panelGroup layout="block">
                    <h:inputText value="ORT"/>   &nbsp;  <h:inputText value="PLZ"/>
                    </h:panelGroup>
                    <h:commandButton action="index" value="Registrieren" />
</h:panelGrid>

 

[F.S.WhiTeY]

Noch mal so als nachsatz und fürs nächste Mal 😉

HTML Entities

Unicode/UTF-8-Zeichentabelle

 

[Fant]

cellpadding und cellspacing definieren ja den Abstand der Zellen zueinander bzw de Abstand des Inhalts zum Zellenrand.

Deine Eingabefelder für PLZ und Wohnort liegen aber in EINER Zelle! Ist doch klar, dass die Attribute für padding spacing der äußeren Tabelle darauf keinen Einfluss haben kann. Du kannst innerhalb der panelGroup eine neue Tabelle erstellen und dort wieder mit cellpadding und spacing arbeiten. Aber das ist bei nur zwei Felder ein bisschen zu viel. Statt des zuvor vorgeschlagenen Whitespace-Zeichen würde ich aber den Abstand mittels CSS realisieren. Etwa so:

<h:panelGroup layout="block" cellspacing="2">
    <h:inputText value="ORT" style="margin-right:10px"/><h:inputText value="PLZ"/>
</h:panelGroup>

Wie breit du ihn genau haben willst, kannst du ja ausprobieren.

 

[delta458]

ja gut. das funktioniert mit CSS. Aber cellpadding und cellspacing noch immer nicht.
hier ein anderes beispiel:

CODE:

<h:panelGrid columns="3" cellpadding="3" cellspacing="12">
         <h:graphicImage library="images" name="dienst.jpg"/>
                <p>Register click</p><h:link value="here" outcome="register"/> 
         <h:graphicImage library="images" name="kunde.jpg"/>
                <p>Suchen click</p><h:link value="here" outcome="suchen"/> 
</h:panelGrid>

BILD:

lg