July 7, 2013 at 7:08 am #46180
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!
JoshuaJuly 7, 2013 at 7:21 am #141779
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:
Hope this helps :)July 7, 2013 at 7:32 am #141781
I will give it a go!July 7, 2013 at 7:37 am #141784
Ty again. abit of tweaking worked great, those 3 hours feel less wasted nowJuly 7, 2013 at 8:06 am #141787
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 :)
GeorgeJuly 7, 2013 at 9:50 am #141789July 7, 2013 at 10:31 am #141775
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 #141791
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 #141795
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 #141819
You must be logged in to reply to this topic.