Thread: CSS confusion

Results 1 to 10 of 11

Hybrid View

  1. #1
    Join Date
    Feb 2011
    Posts
    665
    Plugin Contributions
    0

    Default CSS confusion

    v1.39H
    Local host...so I added a pic!!

    Reading the stylesheets is like trying to decipher hieroglyphics!

    Take a peek at the attached pic and gimme your 2 cents please.
    Attached Images Attached Images  

  2. #2
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default Re: CSS confusion

    "Define what?" - This section is not any define...do you mean what stylesheet rule controls it? It looks like #navCatTabs or one of its subsidiaries. The new products centerbox is most likely one of the elements controlled with .centerBoxContentsProducts or one of its sub-tags.
    Beyond that, the screenshot is too small to read or comment on.

    Since you are working locally, you really need to install Firefox and its Web Developer and Firebug extensions. These are the main tools we use to find the exact selectors to style, and test styling live before committing it to the stylesheet.

  3. #3
    Join Date
    Feb 2011
    Posts
    665
    Plugin Contributions
    0

    Default Re: CSS confusion

    Firefox I got, the web developer I don't.

    I'll google that mutha and start using it so I can be one of the Hip-Cats.

  4. #4
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default Re: CSS confusion

    Be sure to get Firebug too - they are complementary in some ways; I find Web Developer quicker for many lookups and CSS editing, but its edits will not persist even while switching tabs. Firebug can show background images while editing, and will tell you exactly all the style rules that apply to a given element and which ones are overridden by others.

  5. #5
    Join Date
    Feb 2011
    Posts
    665
    Plugin Contributions
    0

    Default Re: CSS confusion

    Will do.

    And I attached a huge pic but the forum software made it tiny.

    Sorry if I'm not using the correct terminology, I'm not a programmer or IT guy. This is all new to me....and quite daunting to be quite honest.

    So why do I firefox and it's developer tools? I've been muddling through fairly well (I think) with my current browser and Crimson Editor.

  6. #6
    Join Date
    Sep 2005
    Location
    Waikato, New Zealand
    Posts
    1,539
    Plugin Contributions
    3

    Default Re: CSS confusion

    IE has developer tools built in (not as good as firebug or dragonfly though) but anyway, press F12

    Then navigate the DOM (html) in the bottom left hand box until it highlights the text you are looking at, then in the right hand box should be the css that acts on it

    You can turn those top categories off,
    Webzings Design
    Semi retired from Web Design

 

 

Similar Threads

  1. Image confusion
    By wotnow in forum Templates, Stylesheets, Page Layout
    Replies: 21
    Last Post: 24 Feb 2010, 03:30 PM
  2. >? confusion
    By shandebar in forum Templates, Stylesheets, Page Layout
    Replies: 5
    Last Post: 8 Feb 2009, 07:11 PM
  3. Shipping Confusion
    By Eyeore211 in forum Built-in Shipping and Payment Modules
    Replies: 3
    Last Post: 24 Nov 2008, 11:06 AM
  4. MODEL Confusion ////
    By vik007 in forum Setting Up Categories, Products, Attributes
    Replies: 5
    Last Post: 26 Jul 2007, 01:03 PM
  5. Total confusion :(
    By Hexe in forum Setting Up Categories, Products, Attributes
    Replies: 4
    Last Post: 15 Jun 2007, 11:30 PM

Posting Permissions

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