Adding an image/logo to page header

[Robert Pollard]

Friends,

Can anyone recommend the easiest way to add a logo to the header;
ideally I would like to add one at the top left and one at the top right,
with the text of the title & subtitle in between.

Robert

[Eric Shulman]

> Can anyone recommend the easiest way to add a logo to the header;
> ideally I would like to add one at the top left and one at the top right,
> with the text of the title & subtitle in between.

Use "<" and ">" in the [img[...]]] wiki syntax to create "floating"
images in the SiteTitle:

[<img[logo1.jpg]][>img[logo1.jpg]]Title text goes here

enjoy,
-e
Eric Shulman
TiddlyTools / ELS Design Studios

[Robert Pollard]

Eric,

Thanks again for your prompt help.

One additional question on the same issue: how can I have the image at the very top of the page - at present there is a 15 or so pixel border at the top and the left of the header background colour

Robert

[FND]

> One additional question on the same issue: how can I have the image at
> the very top of the page - at present there is a 15 or so pixel border
> at the top and the left of the header background colour

Try adding this to your SiteTitle tiddler:
---------------
{{left{[img[logo.png]]}}} {{right{[img[logo.png]]}}} SiteTitle
---------------

Then add the following to your StyleSheet:
---------------
.headerShadow .left,
.headerShadow .right {
position: absolute;
top: 0;
}

.headerShadow .left {
left: 0;
}

.headerShadow .right {
right: 0;
}

.headerForeground .left,
.headerForeground .right {
display: none;
}
---------------

HTH.

-- F.

[Robert Pollard]

Thanks. This did the trick, or at least after a little tweaking as the Title and Subtitle were displayed overr the image; I was able to resolve this by assigning margin-left values for siteTitle and siteSubtitle

Robert