Page layout question

[r1formetoo]

Sounds great. Where can I get this web developer extension? I'm already running Firefox.

Ian

[gjh42]

Look in Mozilla/Firefox home page for extensions, or the author's site, www.chrispederick.com.

[r1formetoo]

Okay, so I've installed this web developer package but after playing with it for a while I'm blown away. I have no idea what words like ancestors and children mean to a computer??? Suppose I want to edit the colors of the information tab links regular and mouse over colors, how might I proceed to use this package to find where these color codes are? In the past I've found changing colors easy and the aggravating part is that when you change the font color on one thing, yet another changes that you were already happy with. The same can be said for my link colors in the footer.

Ian

[gjh42]

The best thing for you to do is look at www.w3schools.com for their beginning CSS tutorials.

The fundamental thing about controlling a particular item's appearance/position is to address it with enough specificity. If you say
a {color: #00ff00;}
you are making all links sitewide green.
If you say
#categories a {color: #00ff00;}
you are making links inside the #categories box green.
(If you say
a #categories {color: #00ff00;}
you are making elements named #categories that are inside links green, and if you say
a#categories {color: #00ff00;}
you are making links named #categories green.)
So you see that exact spelling, capitalization and spacing matter.

An ancestor is any element above the current element in the list in the Web Developer box, or a page element that encloses the current element. A child of the current element can be ignored for basic CSS.

[saitomedia]

Hi Ian, try to understand and memorize Zen Cart's stylesheet.css when you have time. Once you get the hang of it, it's not that hard at all :) One element within a CSS file may control more than a few parts of your zen cart shop. You'll need to know what controls what. I learnt it by trial and error, and making some comments within the CSS for my own reference.

Glenn, this computer is really beginning to upset me. I'm making changes in my stylesheet but when I reload the page I can not see any changes. I've made several changes and sometimes I have to wait 10 minutes and upload a page 5 times before the change is actually visual. It even constantly keeps reverting back to my old logo image instead of using my new logo image. It's like my pc just picks something to go with and to hell if it's the same thing it picks on the next page load. I also want to change the color of the fonts for my "information" sidebox and the footer but I can't seem to find which color in my style sheet to change. Please help.

I use eyedropper tool in graphical editors such as photoshop to identify the exact colors I'm looking for in the website so I can edit/find the correct section of the CSS. I know this is not the best way but it works.

Also, check on your connection. Your computer may be loosing a lot of packets. I'm not sure what it is but it smells like something to do with your connection as well.

[r1formetoo]

Your computer may be loosing a lot of packets? I'm going through the css tutorial at w3schools right now so hopefully my next zencart css attempt will be more successful.

Ian

[r1formetoo]

Ok, so I've made the mistake of using the edit css feature in the web developer program and now my entire stylesheet is on one stinkin line. When I open it in notepad ++ it's still on one line. How do I get to go back? This is really silly, I edited the ez pages color links and when I refresh in Firefox it only changed about half my links but I check it in IE and they all changed like they were supposed to. Any idea why?

Ian

[gjh42]

Hmm, I've never used the "save" feature in Edit CSS, so I didn't know it would do that. (Actually, I don't know if it is supposed to do that.) I generally copy the successful edits into the stylesheet that I have open in Notepad++.

As to why the difference between FF and IE, that may be because you have some subtle error that IE detects and tries to compensate for (the "make it easy for dummies" approach), while FF throws out the error lines as it is supposed to per CSS standards.

[r1formetoo]

Man this stinks Glenn, this program has screwed up my style sheet and I can not find a command that fixes it. It's a nightmare.

Ian

[gjh42]

I can imagine. I don't suppose you have a recent copy saved somewhere else?