module content in the "debug" position is not staying in same spot on all pages

the issue is the bottom content,,with the phone number , made is usa and gsa image


on most of the pages like the home page cdclarue . com it is were its supposed to be

the problem,,,,,
on this page link below its closer to center,,,even tho its the same module

www.cdclarue.com/component/hikashop/prod...y-27.html?Itemid=657

any ideas?

Hi James,

Are you familiar with Firebug? It's an excellent tool to help you trouble shoot CSS issues. Our "Using Firebug to Edit Joomla Templates" tutorial will help you get started with Firebug:
www.ostraining.com/blog/joomla/using-fir...it-joomla-templates/

Could you give the tutorial a try and see if you can trouble-shoot your issue with Firebug?

Kind regards,
Nick

ok i read the firbug thing e,,,and i still dont understand why my botom mod is floting center when i clearly states in firebug that its floating right,,,even on all the other pages it is were it should be except on Hikashop pages,,seems to be a conflict


,,, help please

You have conflicting definitions in the style sheet. If you look at the firebug screenshot you'll see that the float is to the left on grid-12.

Also when you mouse over the name of the css file you'll see a long random string of letters and numbers in the name:

www.cdclarue.com/libraries/gantry/css/cs...fc851dbfb00627ae.php

That indicates this isn't the original style sheet, but a cached copy. So the first thing to do is clear your cache and see if the problem is resolved.

If clearing the cache doesn't work, you can also use FTP and find the files with those long numbers and delete them all.

Try that first and see if it resolves the conflict.

Cheers,
Ed

i cleared those file out and it still appears to "Center"

when i look at it in firebug it shows to right, even tho its centered,,,

were is this grid-12, i cant see it in firebug,

you all need to make a video on how to use firebug,,,

any other ideas?

oops I forgot to attach the screen shot. This shows you where the style sheet says it's aligned to the left.

Ed

it only does this on hika shop pages,,i deleted those files and still the same

Then there may be an inheritance problem with the Hika shop having a rule with the same name. Try finding the style sheet where you have it set to float right and add the !important designation to it.

Ed

edandrea ! thank you for replying to me on a weekend, but less cyborg and more simple english, sorry dude you lost me.

""Try finding the style sheet where you have it set to float right and add the !important designation to it."""


WHAT???

Sorry about that. I saw the number of posts you've made and assumed you'd probably taken the CSS course by now. If you haven't it will help you a lot.

Here are some references to the !important declaration that should explain it.

coding.smashingmagazine.com/2010/11/02/t...-and-when-to-use-it/

www.w3.org/TR/CSS21/cascade.html

Also see our other tutorials on firebug. They may add to your understanding. They explain how to find the style sheet you need to work on and one of them demonstrates inheritance.

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

Cheers,
Ed

asked about this before, i cant figure it out,,,,

please help me!!!

Hi James,

What have you tried so far? What step are you stuck on?

Looking forward to helping.

Kind regards,
Nick

module content in the "debug" position is not staying in same spot on all pages

the issue is the bottom content,,with the phone number , made is usa and gsa image

on most of the pages like the home page cdclarue . com it is were its supposed to be

the problem,,,,,
on this page link below its closer to center,,,even tho its the same module

www.cdclarue.com/component/hikashop/prod...y-27.html?Itemid=657

any ideas?

i have searched for the css file and cant seem to find it in firebug

Hi OSTopDog,

I was wondering what you are not able to find specifically in Firebug? Is it the CSS File? If so, you can click on "CSS" and there is a drop down where you can select which CSS file you want to look in. From there you can search the "class" or "id" of what you'd like to edit.

is this a conspiracy to make me learn CSS? i think so , really i just want the solution, really you all,,, i want to learn CSS but i dont have time right now,

i just want to know were in the file is the CSS "thing E" and what to change to fix it

Can ya throw me a FRIKIN BONE?


"thing E" Definition a highly technical phrase used by my girls way to much

thank you

Hi James,

One quick caveat before we start, please check out our Support FAQ on the limit of our support for code: www.ostraining.com/support-faq/
James wrote:Yes, truth be told, we are trying to help you learn. We're a training company that offers training support and we're not a development company. We're here to help teach you as much as possible.

If you need someone to help with development, you can see our recommended developers on the following page:
www.ostraining.com/resources/joomla/developers/

Hope that helps! :)
James wrote:Here are two :)
www.ostraining.com/courses/session/jooml...introducing-firebug/
www.ostraining.com/courses/session/jooml...diting-with-firebug/

If you use Firebug, you'll notice that:
<div id="rt-debug">

is outside of:
<div class="rt-container">

in the page with the footer not working, but within it in the page with the footer working. That's one of the big issues.

To trouble shoot this, please go to extensions >> template manager >> your template >> turn off gzip compression, then see if that makes a difference. Let us know what the results are and we'll go from there.

Kind regards,
Nick