SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Wizard nofel's Avatar
    Join Date
    Aug 2007
    Location
    Earth
    Posts
    1,766
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)

    Displaying hidden elements

    Hi,
    I m working on a website on which i think there is somethings hidden and there is plenty of css files to be looked in for it whereas the class or id is unknown. is there a way to display hidden or visible none elements on page? perhaps using web develoiper toolbar?
    All those who wander aren't lost.

  2. #2
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,722
    Mentioned
    11 Post(s)
    Tagged
    0 Thread(s)
    If you want to display all of them by default, you could add this rule (either in the CSS, or adding the rule in firebug)
    Code:
    *{display:block!important;visibility:visible!important;}
    The display:block rule isn't really safe though. The visibility one is. You would be changing the natural display property (perhaps a span into the block).
    Always looking for web design/development work.
    http://www.CodeFundamentals.com

  3. #3
    Mouse catcher silver trophy Stevie D's Avatar
    Join Date
    Mar 2006
    Location
    Yorkshire, UK
    Posts
    5,892
    Mentioned
    123 Post(s)
    Tagged
    1 Thread(s)
    Quote Originally Posted by nofel View Post
    I m working on a website on which i think there is somethings hidden and there is plenty of css files to be looked in for it whereas the class or id is unknown. is there a way to display hidden or visible none elements on page? perhaps using web develoiper toolbar?
    The easiest way is just to turn all CSS off. Any content that has been hidden, display:none'd or positioned off-screen will then be visible in the document flow. Opera and Firefox allow you to do this very easily, not so sure about other browsers.

  4. #4
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,299
    Mentioned
    460 Post(s)
    Tagged
    8 Thread(s)
    Quote Originally Posted by nofel View Post
    there is plenty of css files to be looked in for it whereas the class or id is unknown. is there a way to display hidden or visible none elements on page?
    In Chrome, Safari, Opera and Firefox (with Firebug add-on) right click and choose Inspect Element (or Inspect Element with Firebug) and it will show you all elements and the style rules that apply to them.

  5. #5
    Life is not a malfunction gold trophysilver trophybronze trophy
    TechnoBear's Avatar
    Join Date
    Jun 2011
    Location
    Argyll, Scotland
    Posts
    6,371
    Mentioned
    268 Post(s)
    Tagged
    5 Thread(s)
    The Web Developer Toolbar for Firefox has a "Show hidden elements" option under the "Miscellaneous" menu.


Bookmarks

Posting Permissions

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