Support

Mandatory information about my setup:

Have I searched the forum before posting? YES
Have I read the Troubleshooting Wizard before posting? YES
Have I read the documentation before posting? YES
Joomla! version: 1.5.23
PHP version: (unknown)
MySQL version: (unknown)
Host: (hOSTgATOR)
Admin Tools Professional version: (LATEST update today)


Description of my issue:

I have one article in my Website http://www.ritwalthemovie.com/cast-and-credits in this page the Background Image in the right side is not working. I can't see it both in IE9 and Firefox4. I've use the Codes below in my Article using JCE Editor Hide Mode.

<div style="background-image: url('images/stories/demo/ritwal.png'); background-repeat: no-repeat;">
<table style="width: 241px; height: 382px;" align="left" border="0">
<tbody>
<tr>
<td>
<p><strong>MARIA ISABEL LOPEZ</strong> as Madam Celia</p>
<p><strong>ROMMEL CHIKA</strong>&nbsp; as Badet</p>
<p><strong>MIKO AYTONA</strong>&nbsp;&nbsp; as Mario</p>
<p><strong>HAZETH COJUANCO</strong>&nbsp; as Maria</p>
<p><strong>KENJIE ZABALA</strong>&nbsp; as Boyet</p>
<p>EDWIN G. MONTON<strong>Executive Producer</strong></p>
<p>Armie&nbsp; C. Fernandez<strong>Producer</strong></p>
<p>Yeng Grande<strong>Director</strong></p>
<p>Penny Vidanes<strong>DOP</strong></p>
<p>Armie C. FernandezRommel Ragasa<strong>Screenplay</strong></p>
<p>Hershey Barcelona<strong>Production Designer</strong></p>
</td>
</tr>
</tbody>
</table>
<table style="width: 215px; height: 372px;" align="left" border="0">
<tbody>
<tr>
<td>
<p>Romnick AragonIvy Santoyo<strong>Production&nbsp; Managers</strong></p>
<p>Doddie&nbsp; Guttierez<strong>Asst director</strong></p>
<p>Tony&nbsp; Silvestre<strong>Cameramen</strong></p>
<p>Ernie Dionisio<strong>Editor</strong></p>
<p>Alfie Alfonso<strong>Casting Director</strong></p>
<p>Sherwin Castillo<strong>Musical Scoring</strong></p>
<p>George Cruz<strong>SOUND mix</strong></p>
<p>Apeng Oliveros<strong>Editting Assistant/</strong><strong>Continuity Supervisor</strong></p>
<p>Minic Naranjo<strong>Gaffer</strong></p>
</td>
</tr>
</tbody>
</table>
<table style="width: 198px; height: 365px;" border="0">
<tbody>
<tr>
<td>
<p>Bernie Cruz<strong>Audio Man</strong></p>
<p>AJ NaranjoKadjo NaranjoLito NaranjoMaoro NaranjoErnie Boy<strong>Lighting Crew</strong></p>
<p>Juancho ReyesOnyx Santiago<strong>Video Engineers</strong></p>
<p>Edward&nbsp; GonzalezSophie&nbsp; Derain<strong>Location Production Assistants</strong></p>
<p>Barbie SorianoAyen de Guia<strong>Make up artists</strong></p>
<p>Lorna BunaoYap SimounIreng taguyaJuluis Berselona<strong>Set men</strong></p>
</td>
</tr>
</tbody>
</table>
<p style="margin-left: -0.25in; text-align: center;"></p>
</div>

This same code I used in my Localhost and works perfect, but in live site, it's not showing, strange. :'(
Before Activating Admin Tools everything works, but now I have difficulty on disabling all Admin Tools Features, I really don't know the cause of this problem as well, it might not be AT at all also.

Thanks for the response, but I tried every possible locations of that ritwal.png file and even renamed it and actually moved it through different locations, but still it's not showing. but while your editing in the Article, the image background is working fine, when saved and check the frontend, it's not there but when editing again, inside the editor the image background is there showing normally, but not in the frontend.

There is no custom .htaccess rules, I don't know how to make such thing, but inside admn tools, in htaccess maker I set all to yes but not made any custom .htaccess as I have no knowledge for now about how .htaccess rules work.

With the current settings, upon viewing to FIrefox, when doing Page Info and click the Media button, the background image is shown properly and the current image location is shown also but it's just not getting displayed in the Article itself.

your problem seems rather simple and indeed from what i can see has nothing to do with admin tools.

Your image is 1000+ px wide, much wider than the container itself. Reduce your image width and see what happens.

By playing with your css i can get it to display, no problem.

see how you go :)

upon closer inspection you may also need to address this issue with gavick. Imho, not the best.

The problem is in the way you are styling an image to display as a background in a table using a div. It is in your CSS and has nothing to do with Admin Tools or the template.

The problem is in the way you are styling an image to display as a background in a table using a div. It is in your CSS and has nothing to do with Admin Tools or the template. The image is there in those browsers but is shifted to the right because you dont have the proper style attributes placed on it.

Do yourself a favor and loose the tables when you dont need them for this page and use a set of div tags. Either take advantage of the templates module positions to show your content or use divs with styles in the article to achieve the same effect without all the crap that a table brings to the party.

Thanks for all your opinions, I might dont have a choice but to use the module position coz I'm not having idea with the div tags, but div should work well to replace the tables.

I tried to resize the image to 480px but after checking in live site, it's always resize to 978px, I don't know really wheres the conflict because I have exact copy in my local pc running xampp, and all is working well, after I upload the site in live site I activated Admin Tools, and this one of my suspects of the issues, but not might really true. Great cause might be the proper styling only.
attached is my working screenshot in localhost.

From what I see your CSS is not setup right and is not cascading properly to control the image. Take a div and put three divs inside of it and float them left. Take your image and put it on the container div and position it with CSS. That way you should be able to get the desired look.

Thanks earthrat and to all who replied.
I Follow the module position turn-around now and everything works well.
To conclude, Admin Tools have nothing to do with the issues, I'm just confused why in localhost all is well and in live site with Admin Tools activated I encounter the problem, but things are clearer, hence it was resolved already, I'm glad that everything is fine.
I want to follow the DIV/CSS advise but for now I'm progressing my learning with these, time will comes I can achieved the same result using it ^_^

Regards,
Joel