Welcome to Geeklog, Anonymous Thursday, March 28 2024 @ 01:07 pm EDT

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
 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:
Text Formatted Code

.storyContainerClass img {padding: 3px;}
 

hope that helps
 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:

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
 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.
 Quote

Cypry

Anonymous
Got it now - thanks Smile
 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
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
 Quote

Cypry

Anonymous
Anyone?
 Quote

Status: Banned

machinari

Forum User
Full Member
Registered: 03/22/04
Posts: 1512
try this: use margin instead of border.
 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......
 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.
 Quote

Status: offline

cypry

Forum User
Newbie
Registered: 06/06/05
Posts: 13
Location:UK
That's done the trick - thanks Smile
cypry.com - dubs, drops and descents......
 Quote

All times are EDT. The time is now 01:07 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