Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    Regular Coder ajetrumpet's Avatar
    Join Date
    Jul 2009
    Location
    Iowa City, IA
    Posts
    407
    Thanks
    44
    Thanked 5 Times in 5 Posts

    classes and subclasses defined in HTML tags

    hi all,

    I am looking for a specific class in the CSS sheets that are defined in this page: https://www.box.com/

    The stylesheets that are specified in the DOM for that page are these:

    https://e1.boxcdn.net/_assets/css/se...8d0cdd403a.css

    https://e1.boxcdn.net/_assets/css/se...f908aea1fc.css

    the <li> tag I am looking for is on line 140 and column 42. the class is: <b>header_menu_link sub_menu_wrapper</b>

    but I can't find that string in either of those CSS files, or any derivation of that string. am I looking for the wrong words? I am no expert in CSS, but I'm aware that classes in .css files usually are indicated by periods. I am also aware of subclasses (that they exist and can by used).

    Can anyone find what I'm looking for here? or am I going about this in the wrong way? thanks guys.

  • #2
    Senior Coder
    Join Date
    Feb 2009
    Location
    Ilkley, West Yorkshire, UK
    Posts
    2,955
    Thanks
    9
    Thanked 726 Times in 720 Posts
    That's actually two classes: header_menu_link and sub_menu_wrapper.

    The simplest way to identify the styles applies to an element is to use Firebug (see sig) - you can then highlight an element and identify all the styles applied to it. For example, here the css applied to the element comes from (primarily):

    Code:
    https://e1.boxcdn.net/_assets/css/section_marketing_global-495819143ebd0586927de08d0cdd403a.css line 1
    
    .inline_list > li {
        display: inline-block;
        padding-right: 0.5em;
        vertical-align: top;
    }
    
    https://e1.boxcdn.net/_assets/css/section_marketing_global-495819143ebd0586927de08d0cdd403a.css line 2
    .sub_menu_wrapper {
        height: 65px;
    }
    Use the W3C HTML Validator and CSS Validator to check your code and Firebug to see what css is applied to an element
    Read Steve Krug's book Don't Make Me Think - essential reading on web usability
    I don't recommend much, but I do recommend Clook for UK web hosting


  •  

    Posting Permissions

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