• Post Reply
  • Bookmark Topic Watch Topic
  • New Topic

Problem with alignment of outputLabel

 
D. Formenton
Ranch Hand
Posts: 48
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Hi,

I don't understad how to align vertically an outputLabel with an inputText.

I have this code:


<hutputLabel style="text-align: right; display: block;"
value="#{bundle.EditArticoliLabel_iva}" for="iva" />
<h:inputText id="iva" value="#{articoliController.selected.iva}"
style="text-align: right; width: 20px;"
title="#{bundle.EditArticoliTitle_iva}">
</h:inputText>

and the outputlabel is a little higher than inputText.

How I can lower the outputLabel?

Thank you.

Domenico
 
Tim Holloway
Saloon Keeper
Posts: 18304
56
Android Eclipse IDE Linux
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
If you use the "Code" button to put code tags around your XML, the message display won't get mangled.

The label tends to be a bit higher, because the idea is that the framing around the inputText control is not important - you would expect the text within the control to align. However, the CSS vertial margin and passing options can help.
 
  • Post Reply
  • Bookmark Topic Watch Topic
  • New Topic