Posted on: 06/01/05 05:05am
By: Anonymous (Cypry)
Is there any way in which I can add a border to the [imagex],[imagex_left] and [imagex_right] functions in a story?
The text in my stories is wrapping too close for my liking and I'd just like to pad the images a bit.
Cheers
[image] attributes
Posted on: 06/01/05 12:24pm
By: machinari
add a rule to your style.css.
look in your storytext.thtml for the container's class name if it has one (if there is none then create one) and use that class name as follows:
.storyContainerClass img {padding: 3px;}
hope that helps
[image] attributes
Posted on: 06/01/05 01:51pm
By: Anonymous (Cypry)
Sorry, being thick here - can't see a container class (at least I don't think so)
I imagine it should appear somewhere in this bit:
<table width="100%" border="0" cellspacing="0" cellpadding="3" bgcolor="#ffffff">
<tr>
<td>
<p>{story_anchortag_and_image}{story_introtext}</p>
</td>
</tr>
</table>
Being a bit thick probably, but how "should" this code look given the addition to style.css suggested above.
Ta
Adam
[image] attributes
Posted on: 06/01/05 02:00pm
By: machinari
looking at the professional theme for example, and storytext.thtml, you can find this: class="story-box." Assuming that you are using the professional theme, then the table you posted above would all be contained within another table cell, which utilizes the class name, "story-box."
If you are using another theme, just use the professional theme as an example of how to insert a class name.
[image] attributes
Posted on: 06/01/05 02:01pm
By: Anonymous (Cypry)
Got it now - thanks
[image] attributes
Posted on: 06/04/05 12:26pm
By: Anonymous (Cypry)
Just noticed one thing - this technique seems to work fine with Firefox, but the padding does not appear to work in Internet Explorer.
This is in my style.css
.storyContainer img {padding: 5px; }
and this is in storytext.thtml
<td class="storyContainer">
<p>{story_anchortag_and_image}{story_introtext}</p>
</td>
Any ideas?
Ta
Adam
[image] attributes
Posted on: 06/05/05 12:08pm
By: Anonymous (Cypry)
Anyone?
[image] attributes
Posted on: 06/05/05 05:27pm
By: machinari
try this: use margin instead of border.
[image] attributes
Posted on: 06/06/05 11:29am
By: cypry
[QUOTE BY= machinari] try this: use margin instead of border.[/QUOTE]
I don't understand - sorry.
Surely the line in the css applies a padding attribute to img tags (or have I misunderstood that completely)? Did you mean use margin instead of padding?
[image] attributes
Posted on: 06/06/05 01:06pm
By: machinari
whoops! I meant margin instead of padding...
where you have "padding: 5px;" just use "margin: 5px;" instead.
[image] attributes
Posted on: 06/06/05 03:29pm
By: cypry
That's done the trick - thanks