Simple but Please Help

[Looking2Learn]

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

[georgearnall]

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

[Looking2Learn]

Thank You!

I will give it a go!

[Looking2Learn]

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

[georgearnall]

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

[jurotek]

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

[georgearnall]

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

[jurotek]

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.

[Looking2Learn]

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

[tommer]

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/

[Author]

Posts