Results 1 to 14 of 14
  1. #1
    Analytics Dude Kevin's Avatar
    Join Date
    January 18th, 2005
    Location
    Rochester, NY
    Posts
    5,904
    A little CSS help
    I was looking into some of the pages on a store site we will be working with in the future. I don't like the way it looks, so I was looking specifically at the source to see what's what.

    I'm not a programmer by any stretch, so I need help understanding something...

    Whenever I see a Class called by the page, it HAS to refer to a named item in the Stylesheet, correct? I see some calls to classes I don't see on the stylesheet, and those are the parts of the site that look goofy.

    Can I be missing something? (It's an ASP.net site, btw).
    Kevin Webster
    twitter: levelanalytics

    Kayak Fishing
    Web Analytics and Affiliate Marketing

  2. #2
    ABW Ambassador isellstuff's Avatar
    Join Date
    November 9th, 2005
    Location
    Virginia
    Posts
    1,659
    Class names may also come from a "style" tag embedded in the page. e.g.

    <style type="text/css">

    View source on this forum page and you will see an embedded style tag at the very top. (for instance)
    Merchants, any data you provide to Google Shopping should also be in your affiliate network datafeed. More data means more sales!

  3. #3
    Lite On The Do, Heavy On The Nuts Donuts's Avatar
    Join Date
    January 18th, 2005
    Location
    Winter Park, FL
    Posts
    6,930
    yep, i concur, it's either in the external stylesheet file (the page will have a pointer to that page in it's head) or it's inline css found on the page itself.

    css files can be dynamically generated / altered server-side (though it's a little rare), so make sure you're looking at the live page, a saved copy may be confusing at times.

  4. #4
    Analytics Dude Kevin's Avatar
    Join Date
    January 18th, 2005
    Location
    Rochester, NY
    Posts
    5,904
    I discovered what the problem was, though I won't post it as I'm in process of kicking a little a$$ regarding the "originality" of the template.... You can imagine why a template might have references to things that aren't on it, can't you?
    Kevin Webster
    twitter: levelanalytics

    Kayak Fishing
    Web Analytics and Affiliate Marketing

  5. #5
    Comfortably Numb John Powell's Avatar
    Join Date
    October 17th, 2005
    Location
    Bayou Country, LA
    Posts
    3,432
    Firefox Web Developer add on is great for that kind of css exploring or debug. You can actually change the styles on whatever page you see in the browser. It would be great for what you were trying to do.

  6. #6
    Beachy Bill's Avatar
    Join Date
    November 20th, 2005
    Posts
    8,266
    Quote Originally Posted by Noth
    ...You can imagine why a template might have references to things that aren't on it, can't you?
    I was just about to suggest that the page, or a portion of the page code may have come from "another" source. That "other" source may have had a calls for a class from a different style sheet -- classes that don't exist on the current style sheet.

    Bill / Marketing Blog @ 12PM - Current project: Resurrecting my "baby" at South Baltimore..
    Cute Personal Checks and Business Checks
    If you are too busy to laugh you are too busy.

  7. #7
    Analytics Dude Kevin's Avatar
    Join Date
    January 18th, 2005
    Location
    Rochester, NY
    Posts
    5,904
    Thanks all for the help. I've been using the FF web developer extension this week, and I love it.
    Kevin Webster
    twitter: levelanalytics

    Kayak Fishing
    Web Analytics and Affiliate Marketing

  8. #8
    ABW Ambassador isellstuff's Avatar
    Join Date
    November 9th, 2005
    Location
    Virginia
    Posts
    1,659
    Another, exceptionally great tool for Firefox web development:

    http://www.getfirebug.com/
    Merchants, any data you provide to Google Shopping should also be in your affiliate network datafeed. More data means more sales!

  9. #9
    What's the word? Rhia7's Avatar
    Join Date
    January 13th, 2006
    Posts
    9,578
    isellstuff,

    Thanks for the tip but I couldn't open the file. What should I do to open Firebug?

    It has an xpi extension -- my computer is not familiar with that.
    ~Rhia7 -- Remember the 7
    Twitter me

  10. #10
    ABW Ambassador isellstuff's Avatar
    Join Date
    November 9th, 2005
    Location
    Virginia
    Posts
    1,659
    So once you install firebug, you have to restart firefox. Then, firefox will put a little button on the bottom right hand corner of firefox. You can turn firebug on/off by clicking the button and then clicking the "Enable/disable Firebug" links.

    There is a ton of functionality in Firebug so it will take some experimentation. I use the "inspect" button a lot. Click Inspect, then mouse over html elements. (their borders will go blue). I "lock onto" an element by clicking on it in the page.

    note you can tweak the css in the RHS style window and the page will update...

    I also use the console a lot to experiment with javascript. There is a javascript debugger, I don't use it all that much, but it is pretty cool.
    Merchants, any data you provide to Google Shopping should also be in your affiliate network datafeed. More data means more sales!

  11. #11
    ABW Ambassador isellstuff's Avatar
    Join Date
    November 9th, 2005
    Location
    Virginia
    Posts
    1,659
    Quote Originally Posted by Rhia7
    It has an xpi extension -- my computer is not familiar with that.
    For my version of firefox, the xpi will automatically install. I have seen a previous version of Firefox that got a little confused by the xpi... Maybe I had to drag and drop the xpi into firefox or something like that to get it installed...

    You might try upgrading Firefox...
    Merchants, any data you provide to Google Shopping should also be in your affiliate network datafeed. More data means more sales!

  12. #12
    What's the word? Rhia7's Avatar
    Join Date
    January 13th, 2006
    Posts
    9,578
    Quote Originally Posted by isellstuff

    You might try upgrading Firefox...
    I'll try that later, thanks
    ~Rhia7 -- Remember the 7
    Twitter me

  13. #13
    What's the word? Rhia7's Avatar
    Join Date
    January 13th, 2006
    Posts
    9,578
    Upgrading Firefox worked for me
    I've been looking for a program to help tweak my CSS -- thanks!
    ~Rhia7 -- Remember the 7
    Twitter me

  14. #14
    general fuq mrbshouse's Avatar
    Join Date
    January 18th, 2005
    Location
    Argieville
    Posts
    1,381
    I sell,

    That looks like a great tool, just downed it here thanks for mentioning it

  15. Newsletter Signup

+ Reply to Thread

Similar Threads

  1. CSS Help PLEASE!
    By Doug247 in forum Blogging, Mobile and Social Media
    Replies: 5
    Last Post: March 9th, 2010, 09:50 AM
  2. CSS or Tables?
    By Cheesehead in forum Programming / Datafeeds / Tools
    Replies: 32
    Last Post: July 10th, 2007, 02:35 AM
  3. Can you do this with CSS?
    By Cagles Mill in forum Programming / Datafeeds / Tools
    Replies: 3
    Last Post: October 12th, 2006, 05:44 PM
  4. Need some CSS help
    By suzie250 in forum Programming / Datafeeds / Tools
    Replies: 4
    Last Post: August 18th, 2005, 09:02 AM
  5. Help With CSS Please
    By Doug247 in forum Programming / Datafeeds / Tools
    Replies: 3
    Last Post: March 24th, 2005, 08:51 AM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •