I haven’t found a good example or solution for this due to the nature of my question.
Background:
I am building a wedding website that only allows me to use their templates (www.mywedding.com). It is a pretty good website and so far I think they have done a good job of allowing users to make a fairly customized site. The issue is, my fiance and I are more creative than others. I have been able to insert some HTML tags like <img> and <a href> so that I could put links and more images than they allow but now my fiance wants me to put our trademark initials at the top of every page.
What I am trying to do:
The existing structure
<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>
What I want to do is move my image (div or no div) into the header section. Thier site is written in PHP and my UI knoweldge is very limited. I am not sure if I can inject css or use jQuery
Try just adding CSS into your img tag and see if their template allows it:
That should place your image on the upper right corner of the page. Just fiddle with the
topandrightvalues to get what you want.