Question

由于问题的性质，我没有找到一个好的例子或解决方案。

背景：
我正在建立一个婚礼网站，只允许我使用他们的模板（www.mywedding.com）。这是一个非常好的网站，到目前为止，我认为他们已经做了很好的工作，允许用户制作一个相当自定义的网站。问题是，我的未婚夫和我比其他人更有创意。我已经能够插入一些HTML标签，例如<img>和<a href>，这样我就可以放置链接和更多的图片而不是它们允许但现在我的未婚夫希望我将我们的商标首字母放在每个页面的顶部

我想做什么：
现有结构

<body>
    <div id="t-container">
        <div id="t-header">
            <h1><span></span></h1>
            <h2><span></span></h2>
            <div id="t_header_image">
                <img src="thesource" />
            </div>
            <!-- This is where I want to place my content -->
        <div id="t-header">
        <div id="t-center">
            <div id="t-links">
                <!-- The navigation links on left side -->
            </div>
           <div id="t-content">
                <!-- The content from their templates -->
                <div id="myImage">
                    <!-- This is the content I want up top -->
                    <img src="mySource" />
                </div>
           </div>
       </div>
   </div>

我想要做的是将我的图像（div或没有div）移动到标题部分。他们的网站是用PHP编写的，我的UI知识非常有限。我不确定我是否可以注入css或使用jQuery

Answer 1

尝试将CSS添加到您的img标记中，看看他们的模板是否允许：

<img src="mySource" style="position:absolute; top:0; right:0" />

这应该将您的图像放在页面的右上角。只需摆弄top和right值即可获得所需内容。

Answer 2

如果您被允许使用javascript，那么innerHTML可以满足您的需求。

document.getElementById('t-header').innerHTML+='<your html="stuff">';

如何将div放在已经在html中呈现的另一个div中

2 个答案: