We all know that by default, the PageTemplate lays out the top section
of the tiddlywiki as a header, that includes the SiteTitle and
SiteSubtitle tiddlers. I would like to add a section before that area
that would let me display a logo. I've done this by adding the
following code to the PageTemplate tiddler:
<div class='headerLogoLeft'>
<span class='siteLogoLeft' refresh='content'
tiddler='SiteLogoLeft'></span>
</div>
Just above the headerShadow div. Then, to my StyleSheet tiddler, I
added the following code:
.headerLogoLeft {position:absolute; padding:4.5em 0 1em 1em; left:0px;
top:-7px;}
.headerShadow {position:relative; padding:4.5em 0 1em 1em; left:109px;
top:-1px;}
.headerForeground {position:absolute; padding:4.5em 0 1em 1em; left:
110px; top:0px;}
Note that I've had to hard code the location of the headerShadow and
headerForeground to left: 109px and left 110px respectively.
What I would like to know is this: Is there any way to code this so
that headerShadow and headerForeground are automatically moved further
right as my new headerLogoLeft div gets wider without having to hard
code the location? (That was kind of redundant, but I'm leaving it
that way on purpose.) I tried using float:left, but that didn't work.
I tried including my headerShadow and headerForeground divs inside my
headerLogoLeft div, but that just blew the whole thing up.
Thanks in advance,
Rick
PS: I should be able to do this without a plug-in, no?
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"TiddlyWikiDev" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/tiddlywikidev?hl=en
-~----------~----~----~----~------~----~------~--~---
