我有一个要求,我需要在 panelGrid 顶部显示一个图像作为标题。只是想知道这是否可能。目前我使用的是 styeClass,但标题图像未与 panelGrid 正确对齐。
<h:panelGrid columns="1" style="width: 320pt;margin: 0 auto;padding-bottom:10pt;padding-left:10pt;" styleClass="fooheader" >
正在使用的样式:
.fooheader {
background: url(../img/foo.png) no-repeat;
width: 395px;
height: 73px;
}
foo.png 尺寸:395 X 68
请在下面找到 HTML 生成的内容:
<tbody>
<tr>
<td><table class="fooheader" style="width: 320pt;margin: 0 auto;padding-bottom:10pt;padding-left:10pt;">
<tbody>
<tr>
<td><span style="color:white;font-weight:bold;">PLEASE HELP ME WITH THIS</span></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td><table width="100%">
<tbody>
<tr>
<td><div id="MainForm:j_idt19" class="ui-panel ui-widget ui-widget-content ui-corner-all" style="width: 300pt;height: 250pt;margin: 0 auto;border-top:none;"><div id="MainForm:j_idt19_content" class="ui-panel-content ui-widget-content"><table class="foo-icon-user">
<tbody>
<tr>
任何帮助,将不胜感激。