Need help with CSS!

Discussion in 'CSS' started by gotkloud, Jul 17, 2007.

  1. #1
    Hello friends,
    I'm having this slight problem, my site http://www.airlinescoup.com I want to get the text, where it says EasyJet etc to come up more, I reduced the height of the header to 100 from 200, I'll work on that part but how do i move that main part up?! Where is it in the stylesheet, should I post the stylesheet?

    Thanks in advance!
     
    gotkloud, Jul 17, 2007 IP
  2. Dan_A

    Dan_A Peon

    Messages:
    65
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Try
    #rollingarchives{display:none;}
     
    Dan_A, Jul 17, 2007 IP
  3. Dan Schulz

    Dan Schulz Peon

    Messages:
    6,032
    Likes Received:
    436
    Best Answers:
    0
    Trophy Points:
    0
    #3
    That can cause accessibility issues as some search engines won't read out the text that's been set to display: none; - instead you might want to set its position to absolute, and then push it off the left edge so the search engines can still read it.

    For example:

    
    #rollingarchives {
        position: absolute;
        left: -9999em;  /* this will neve be seen on the screen, but screen readers can still read the content just fine */
    }
    
    Code (markup):
     
    Dan Schulz, Jul 17, 2007 IP
  4. gotkloud

    gotkloud Well-Known Member

    Messages:
    664
    Likes Received:
    55
    Best Answers:
    0
    Trophy Points:
    153
    #4
    Thanks Dan A and Dan Schulz! I got it outta there, what did that thing do btw?
     
    gotkloud, Jul 17, 2007 IP