Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Simple but Please Help

  • This topic is empty.
Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #46180
    Looking2Learn
    Participant

    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

    #141779
    georgearnall
    Participant

    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 :)

    #141781
    Looking2Learn
    Participant

    Thank You!

    I will give it a go!

    #141784
    Looking2Learn
    Participant

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

    #141787
    georgearnall
    Participant

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

    Hope this helps you out :)

    George

    #141789
    jurotek
    Participant

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

    #141775
    georgearnall
    Participant

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

    #141791
    jurotek
    Participant

    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.

    #141795
    Looking2Learn
    Participant

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

    #141819
    tommer
    Participant

    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)
  • The forum ‘CSS’ is closed to new topics and replies.