Grow your CSS skills. Land your dream job.

Simple but Please Help

  • # July 7, 2013 at 7:08 am

    Hi Everyone,

    New to web design but slowly learning the trade, so be please be patient with me :)

    Just creating an “FAQ” page, I have created the page showing the questions and having the answers directly below, However i would like my page to show only the questions, then once the question is selected by the user, the answer scrolls down beneath, can anybody help me please?

    Also , on my page the body is grey, with the main content being white, 80 percent width of the page, and 100% in height , however for some unknown reason at the top of the header it leaves a tiny margin of grey, but at the footer is entirely white like i want to be, any ideas? I have increased the px of the header, even changed it too 100% without any success, simple i know but apparently no question is a stupid question!

    Any help would be really appreciated!

    Kr

    Joshua

    # July 7, 2013 at 7:21 am

    Hi,

    I can quickly help you with your second problem. It seems that this could be margin or padding on the body. To fix this just write the following in your CSS:

    body {
    margin: 0;
    padding: 0;
    }

    Hope this helps :)

    # July 7, 2013 at 7:32 am

    Thank You!

    I will give it a go!

    # July 7, 2013 at 7:37 am

    Ty again. abit of tweaking worked great, those 3 hours feel less wasted now

    # July 7, 2013 at 8:06 am

    I made a simple codepen to demonstrate how you could go about doing what you described above. [http://cdpn.io/wCskn](http://cdpn.io/wCskn “http://cdpn.io/wCskn”)

    Hope this helps you out :)

    George

    # July 7, 2013 at 9:50 am

    This can be done without js [Like This…](http://cdpn.io/KfJei “”)

    # July 7, 2013 at 10:31 am

    The problem is, what happens if the user is using a mobile device. Mobile devices do not have hover states.

    # July 7, 2013 at 10:40 am

    Only way to find out is to test it. Horizontal nav with drop-down works in lot of mobile devices I know of and the dropdown is triggered by hover state also.

    # July 7, 2013 at 12:57 pm

    Thanks guys very helpful, been called into work but will let you know how i get on, Thanks again!!!!!!!!!!!

    # July 7, 2013 at 4:24 pm

    Can’t seem to locate it, – – but there was a very useful article on Chris’s site here about how to do this. Maybe someone else can locate it. Anywayz, – – here’s a faq’s page I made a few years back from it . . . http://www.tr-built.com/FAQS/

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".