Monday, May 21st

Last update05:36:30 AM GMT

Font Size

Screen

Profile

Layout

Menu Style

Cpanel
Welcome, Guest
Username Password: Remember me

Image problem with Afterburner template
(1 viewing) (1) Guest
  • Page:
  • 1

TOPIC: Image problem with Afterburner template

Image problem with Afterburner template 1 year, 9 months ago #3029

Hi All

I have been using using the Rockettheme Afterburner template to build a couple of websites without any problems, but I have just started developing a new site and come across the strange problem in IE6.

My article images are not displaying in IE6?? and yet they display perfectly happier in every other browser.

An example of what happens can be seen here

1stcar.highweald.info/index.php?option=c...p;id=4&Itemid=19

This is the standard template without any modification, which I have used on other sites without any problems. I am assuming its a css problem. but my css knowledge is somewhat limited so if anyone can tell me how to fix it I would be really grateful.

I have noticed that if I insert an image without any styling it does display??

Re:Image problem with Afterburner template 1 year, 9 months ago #3034

  • Julian
  • OFFLINE
  • Fresh Boarder
  • Posts: 4
  • Karma: 0
Hi,

RT don't support IE6 compatibility anymore, but I can't see why this would affect your article image.

Are you using an article editor?

If not, then perhaps you could attach the image styling attributes you're using.

Re:Image problem with Afterburner template 1 year, 9 months ago #3035

Hi

I am using the JCE editor, and all have to done is left align the image using the build in drop downs which inserts the style in as below.

so no special code

<p><strong><img src="images/stories/food/coffee.jpg" border="0" style="border: 0; float: left;" />Team days with a green flavour!</strong></p>

Re:Image problem with Afterburner template 1 year, 9 months ago #3036

  • Julian
  • OFFLINE
  • Fresh Boarder
  • Posts: 4
  • Karma: 0
Hi,

I never use an editor so I couldn't tell you what would be going on with why you're having issues.

You might want to try hand coding it and see what happens.

Go to Global Configuration and change to Editor/No Editor.

Go back to your article and make sure your paragraphs have the p attribute, and remove the image code which is already there.

Now add your image at the top of the article by pasting this code:


<div style="float: left; padding-right: 10px; padding-bottom: 5px;">
<img src="images/stories/food/coffee.jpg" alt="Team days with a green flavour" title="Team days with a green flavour"/><br />Team days with a green flavour!
</div>[code]
 
 
Or if you want your image to have a border, try this one.
 
 
<div style="float: left; padding-right: 10px; padding-bottom: 5px;">
<img src="images/stories/food/coffee.jpg" alt="Team days with a green flavour" title="Team days with a green flavour" style="border: 2px solid #CCC;"/><br />Team days with a green flavour!
</div>[/code]


Now test in IE6 - I really do ignore IE6 now, so I really don't remember all it's problems, hopefully it will work, the code is very basic.

If all is well, you can switch on your editor again, and use for all other articles.

Remember, if you want to edit this article in the future, you're going to have to make sure to switch off the editor when you do, otherwise the code will get messed up again.
  • Page:
  • 1
Time to create page: 0.63 seconds
You are here: Forum