> I am trying to get an image to display smaller in a tiddler but
> instead theage is being clipped and not shrunk.
> <<gradient vert #ffffff #cccccc >>text-align:center;font-
> weight:bold;width:240px;height:120px;[img[Custard.png]]>>
As you have noted, the above CSS will set the dimensions of the
containing 'gradient' DIV, rather than the dimensions of the image
*within* that DIV.
You *can* set the image size via CSS, but only if you add a custom
rule to your [[StyleSheet]] that you then combine with inline styles,
like this:
[[StyleSheet]]:
.stretch img { width:100%; height:100%; }
tiddler content:
@@display:block;width:240px;height:120px;{{stretch{[img
[Custard.png]]}}}@@
However... there is a *much* better syntax available...
First, install this plugin:
http://www.TiddlyTools.com/#ImageSizePlugin
Then, forget about the CSS (rules *and* inline styles) and just write:
[img(240px,120px)[Custard.jpg]]
enjoy,
-e
Eric Shulman
TiddlyTools / ELS Design Studios
>
> any clues plz.?
--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---
