ok so i used the method described below to add and image and it worked but the image loops. it starts on the far left and where the image should stop it begins a second copy of the image. it also cuts of a portion of the bottom of the image. should my image be sized just right for the field its filling or is there another way to get this to look correct? the banner im useing at the moment it 810x170px

On 10/28/2010 2:41 AM, colmjude wrote:
because im trying to use a banner style image in the header. as one
would in a basic html sheet.
The following section of the PageTemplate tiddler deals with the
header:
<div class='header' macro='gradient vert
[[ColorPalette::PrimaryLight]] [[ColorPalette::PrimaryMid]]'>
<div class='headerShadow'>
<span class='siteTitle' refresh='content' tiddler='SiteTitle'></
span>&nbsp;
<span class='siteSubtitle' refresh='content' tiddler='SiteSubtitle'></
span>
</div>

The easiest way to apply an image banner is to
1) remove the macro and gradient attribute from the first line -<div
class='header'>
2) apply you image via CSS in the stylesheet tiddler. Include
something like
.header { background-image:url(./images/banner.jpg); }

That should do it

Colm


--
You received this message because you are subscribed to the Google Groups 
"TiddlyWiki" 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/tiddlywiki?hl=en.

Reply via email to