Firstly, I would just like to say how much I am enjoying your course, but I have a problem which I need help with.

I have taken the validated code from the HTML editor (same copy as the course) and have pasted into a Joomla article page on the HTML side. But on the text editor side all the text is showing as centred when it shouldn't be, although on the front page preview of the Joomla website it is showing correct just as in the original HTML editor.

However, the tables are now showing on the website with no cellpadding although it has "10" in the code and showing correctly in the html editor.

What am I doing wrong? Why is it showing centred and why no padding?

(I'm using the JCE editor in Joomla and using Wamp server/localhost to practice.)


Thanks in advance for any help.

Hello and Welcome
Thank you for the kind words with regards to the course.
It sounds as though you are actually doing everything right but there are a few things to check.
It might be a cache issue. Clear cache by going to Site >>Maintenance >> Clear Cache; also clear the browser cache a few times.
Under Global Configuration >> System it is a good idea to turn caching to Off while constructing the site.
In the Editor click the toggle button and check that the code is exactly the same as pasted. When you copy and paste into the editor you can also be pasting a lot of unwanted hidden text. I know that it is tempting with a "table" but in general it is better to paste as plain text then format afterwards.
Use firebug to check that the code in the actual site is the same as the editor
www.ostraining.com/blog/joomla/using-fir...it-joomla-templates/
Can you check your site in different browsers to see if it behaves the same in all.
Wamp can work really well but sometimes it does not behave in the same fashion as a proper hosting account.

Hi Tamnoon,

Welcome to OSTraining by the way!

What Mark suggested could be the issue, however, I'd like to look deeper into this if you are still experiencing the same issue after you clear all your Joomla Site and Browser cache.

Please post a link to your website and I will take a look at your code to see what the issue is.


PS - Thank you for the wonderful comment about our courses. It is very much appreciated! :-)

Thank you Mark and Tessa for your help.

I have tried everything you have suggested, I then changed back to TinyMCE (from JCE) and the text looks fine on the back end but still not on the Joomla site. So maybe, going along the lines of Mark's comment that Wamp Server may be the problem I won't worry too much at this stage although I have still attached the file so you can see what is/was going on.

I haven't got a space free on a live server with Joomla to test it as all my sites were built in WordPress - and now after starting this course, pretty badly built! So I have included just screen shot for you to see.

Thanks again for your help.

Hi
Try putting the units after your padding values, ie 10px rather than 10. You do have units in your image settings it is just the table I am talking about.
Regards

Thanks Mark, I've tried your suggestion but it has made no difference and when I went back to the editor (TinyMCE) it had just stripped it out. The table looks fine in the editor just not on the site.

Sue

Try going to Global Configuration >> Text Filters and make sure that the Super User is set to No Filtering. This should stop the Editor stripping the code.
www.ostraining.com/blog/joomla/stop-joom...-stripping-out-code/
Regards

Still no luck!

Super User - No Filtering was already enabled. Read your suggested article and went to Editor - None and the code stayed in but the preview was still the same with no padding, and I cleared cache.

Then tried again with JCE but that also stripped out the px code.

I'm thinking maybe I should just give up on this piece until I can be sure it's not WAMP doing this as all the rest of the page is fine, it's just the table not showing correctly.

Thanks for all your help.

Hello Sue,

You might try using Firebug to view the page and track down where the CSS is coming from. You could have an inheritance problem. It's all controlled by CSS see if you can find the source of it.

Also be sure you are upgraded to the newest JCE.

www.ostraining.com/blog/joomla/using-fir...it-joomla-templates/
www.ostraining.com/blog/coding/firebug-logos/

Cheers,
Ed

Thanks, I will try that when I manage to get Firefox to work properly. Time to buy a new one.
Meanwhile I still have to learn CSS otherwise I won't know what I'm really looking for !!
Thanks for all your help.

Hi Sue,

Be sure to go through our CSS class. It is a great starting point.

Cheers,
Ed