SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Guru ripcurlksm's Avatar
    Join Date
    Aug 2004
    Location
    San Clemente, CA
    Posts
    857
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Help with print.css

    I am using the CSS code below to hide my website navigation drop downs, however this bit of code is hiding (1) website logo and (2) main website navigation sections (ex: Market Reports, Country Reports, etc).

    Using the code below I was able to hide the <ul> used in the drop downs but as a result the main heading for each drop down is also hidden as a result. Also, the logo is being hidden which doesn't make sense because the nav and logo are separate entities. Any suggestions?

    Here is the website:
    <snip />

    Here is the print.css file:
    Code:
    .menu2011  {display: none;}
    Last edited by DaveMaxwell; Dec 13, 2012 at 11:57. Reason: remove URL at OP request

  2. #2
    SitePoint Mentor bronze trophy
    ronpat's Avatar
    Join Date
    Jun 2012
    Location
    NJ, USA
    Posts
    2,222
    Mentioned
    51 Post(s)
    Tagged
    2 Thread(s)
    Using Firefox and IE8, I don't see the problems described with the LSI logo nor the titles to the drop-down menus. Which browser or testing environment are you using, please?

    Having said that, the list of validation errors is a mind boggling 217. Stray tags abound. There may be a clue amongst them. I would opine that this page works by the grace of forgiving browsers, not because of sound code. It wouldn't hurt to look it over.

  3. #3
    SitePoint Guru ripcurlksm's Avatar
    Join Date
    Aug 2004
    Location
    San Clemente, CA
    Posts
    857
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by ronpat View Post
    Using Firefox and IE8, I don't see the problems described with the LSI logo nor the titles to the drop-down menus. Which browser or testing environment are you using, please?

    Having said that, the list of validation errors is a mind boggling 217. Stray tags abound. There may be a clue amongst them. I would opine that this page works by the grace of forgiving browsers, not because of sound code. It wouldn't hurt to look it over.
    Thanks for taking a look, I am referencing trying to PRINT the website and utilizing print.css to hide certain elements to make printing the page look like the website

  4. #4
    Mouse catcher silver trophy
    Stevie D's Avatar
    Join Date
    Mar 2006
    Location
    Yorkshire, UK
    Posts
    5,822
    Mentioned
    110 Post(s)
    Tagged
    1 Thread(s)
    Quote Originally Posted by ripcurlksm View Post
    I am using the CSS code below to hide my website navigation drop downs, however this bit of code is hiding (1) website logo and (2) main website navigation sections (ex: Market Reports, Country Reports, etc).

    Using the code below I was able to hide the <ul> used in the drop downs but as a result the main heading for each drop down is also hidden as a result. Also, the logo is being hidden which doesn't make sense because the nav and logo are separate entities. Any suggestions?

    Here is the website:
    http://www.lifescienceintelligence.com

    Here is the print.css file:
    Code:
    .menu2011  {display: none;}
    I'm seeing the logo on 'print preview', so that bit appears to be working OK.

    To target the 'hidden' bits of the menu and not the top heading (although why you would want any navigation items on a printed page I'm not sure), you need to ensure that it only hits the sub-lists
    Code:
    .menu2011 ul {display:none;}


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
  •