Question

我一直在编写一个页面，其中有一些HTML注入到页面中，之前我遇到了同样的问题，当我将代码包含在表格中时它解决了，但这一次，我做了一个表并放了我的表那里的信息。

我遇到的问题是：

我有我的模板和另外8个链接，其中7个正常工作（模板停留在它的位置），但其中一个使模板向左移动10px。

我不确定我是否很好地解释了我的问题，这是一个视觉问题，但每次点击和所有模板移动时它看起来都很难看。

当我clic每个链接（1-7）模板保持在黑色位置（应该在哪里），但如果我在link8模板上的clic转到紫色的那个。

http://i622.photobucket.com/albums/tt301/jesus1308/map.png

哦，在我忘记它之前：我的模板位于页面的中心，（950px宽度），这就是为什么我可以看到会发生什么

上次我的HTML出现问题，但现在即使我复制粘贴和修改了文本，我也无法修复此问题。

先谢谢，如果你能就我如何解决这个问题给我一些想法，我会很高兴的。

这是正常运作的代码

<html>
    <head><title>Privacity</title>
    </head>
    <body>
        <table>
            <tr>
                <td align="center"><blockquote>BENEFITS AND MORE TEXT</blockquote></td>
            </tr>
        </table>
        <table>
            <tr>
                <td><blockquote>
                    <img src="list.png" align="left" alt=""/>&nbsp;&nbsp;<b>Element1 of list</b><br/>
                    &nbsp;&nbsp;&nbsp;&nbsp;TEXT AND MORE TEXT<br/><br/>
                    <img src="list.png" align="left" alt=""/>&nbsp;&nbsp;<b>Element2 of list</b><br/>
                    &nbsp;&nbsp;&nbsp;&nbsp;TEXT AND MORE TEXT<br/><br/>
                </blockquote></td>
                <td>
                    <blockquote><img src="image.png" align="right" alt=""/>
                    </blockquote>
                </td>
            </tr>
        </table>
    </body>
</html>

这是我必须纠正的HTML：

<html>
    <head><title>Privacity</title>
    </head>
    <body>
        <table width="750px">
            <tr>
                <td align="center"><h3>PRIVACITY</h3></td>
            </tr>
            <tr>
                <td>LOTS OF TEXT COME HERE<br/>
                REALLY A LOT OF TEXT IS IN HERE</td>
            </tr>
            <tr>
                 <td align="right">HERE COMES A BIT MORE TEXT</td>
            </tr>
        </table>
    </body>
</html>

AND HERE COMES CSS

.fbwt-DeskBanner-img
{
    Z-INDEX: 100;
}

.fbwt-DeskPanel
{
    BACKGROUND-COLOR: #ffffff;
    MARGIN: auto;
    TOP: 80px;
    WIDTH: 950px;
    Z-INDEX: 100;
}

.fbwt-DeskPanel-content
{
    BACKGROUND: #d9d9d9;
    WIDTH: 950px;
    FONT-SIZE: 10pt;
}
.fbwt-FormBuilder-label
{
    FONT-FAMILY: Helvetica, Arial, sans-serif;
    FONT-SIZE: 9pt;
}

.fbwt-Home
{
    BACKGROUND-COLOR: #d9d9d9;
    BOTTOM: 0;
    LEFT: 15px;
    MARGIN: auto;
    OVERFLOW: auto !important;
    POSITION: absolute !important;
    RIGHT: 0;
    TOP: 0;
}

注入HTML的JAVA文件

public final class PrivacityPage extends Page{

private final PublicTemplate template;

private final PpymeConstants constants;

private final PpymeCssBundle cssBundle;

private final PpymeHtmlBundle htmlBundle;

private final SimplePanel main = new SimplePanel();

@Inject
private PrivacityPage(PublicTemplate template, PpymeConstants constants,
         PpymeCssBundle cssBundle, PpymeHtmlBundle htmlBundle) {
this.template = template;
this.constants = constants;
this.cssBundle = cssBundle;
this.htmlBundle = htmlBundle;
}

@Override
public final Template getTemplate() {
return template;
}

@Override
public final void loadDynamicContent() {
}

@Override
public void loadStaticContent() {
main.setWidth("100%");
setWidget(main);
DOM.setStyleAttribute(main.getElement(), "backgroundColor","white");
DOM.setStyleAttribute(main.getElement(), "borderRadius","10px 0px 10px 10px");
HTML content = new HTML(htmlBundle.privacity().getText());
main.setWidget(content);
}
}

很抱歉，如果我之前没有发布HTML，但我无法做到这一点，请问为什么StackOverFlow不允许我这样做。

无论如何，任何想法？

GWT上的HTML移动完整模板（它不应该）

0 个答案: