Argh - I was too slow Or Eric is just too fast errata - *very fast* ;-) Ys Måns
On Apr 29, 11:14 am, Eric Shulman <[email protected]> wrote: > > 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 -~----------~----~----~----~------~----~------~--~---
