Welcome to Geeklog, Anonymous Sunday, November 24 2024 @ 09:56 pm EST
Geeklog Forums
[image] attributes
Cypry
Anonymous
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
The text in my stories is wrapping too close for my liking and I'd just like to pad the images a bit.
Cheers
11
9
Quote
Status: Banned
machinari
Forum User
Full Member
Registered: 03/22/04
Posts: 1512
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
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:
Text Formatted Code
.storyContainerClass img {padding: 3px;}
hope that helps
8
11
Quote
Cypry
Anonymous
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:
<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
I imagine it should appear somewhere in this bit:
Text Formatted Code
<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
10
11
Quote
Status: Banned
machinari
Forum User
Full Member
Registered: 03/22/04
Posts: 1512
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.
If you are using another theme, just use the professional theme as an example of how to insert a class name.
13
12
Quote
Cypry
Anonymous
Got it now - thanks
10
10
Quote
Cypry
Anonymous
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
This is in my style.css
Text Formatted Code
.storyContainer img {padding: 5px; }
and this is in storytext.thtml
Text Formatted Code
<td class="storyContainer">
<p>{story_anchortag_and_image}{story_introtext}</p>
</td>
Any ideas?
Ta
Adam
10
8
Quote
Cypry
Anonymous
Anyone?
9
11
Quote
Status: Banned
machinari
Forum User
Full Member
Registered: 03/22/04
Posts: 1512
try this: use margin instead of border.
9
11
Quote
Status: offline
cypry
Forum User
Newbie
Registered: 06/06/05
Posts: 13
Location:UK
Quote by machinari: try this: use margin instead of border.
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?
cypry.com - dubs, drops and descents......
16
9
Quote
Status: Banned
machinari
Forum User
Full Member
Registered: 03/22/04
Posts: 1512
whoops! I meant margin instead of padding...
where you have "padding: 5px;" just use "margin: 5px;" instead.
where you have "padding: 5px;" just use "margin: 5px;" instead.
14
11
Quote
All times are EST. The time is now 09:56 pm.
- Normal Topic
- Sticky Topic
- Locked Topic
- New Post
- Sticky Topic W/ New Post
- Locked Topic W/ New Post
- View Anonymous Posts
- Able to post
- Filtered HTML Allowed
- Censored Content