0

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

背景:
我正在建立一个只允许我使用他们的模板(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

4

2 回答 2

1

尝试将 CSS 添加到您的 img 标签中,看看他们的模板是否允许:

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

这应该将您的图像放在页面的右上角。只需摆弄topandright值即可获得您想要的。

于 2012-07-09T02:34:09.613 回答
0

如果您被允许使用 javascript,那么innerHTML会做您需要的。

document.getElementById('t-header').innerHTML+='<your html="stuff">';
于 2012-07-09T02:30:26.907 回答