placing a menu in a div

Question

0.00/5 (No votes)

See more:

hello i am working on a college project:
I wanted to work on parallax effect and i made this horizontal scrolling website.have a look
http://jsfiddle.net/karn21/6S9Kt/[^].
Now when i try to place this menu (check link please)
http://www.red-team-design.com/wp-content/uploads/2012/04/interactive-menu-css3-jquery-demo.html[^] in the third division i cannot see anything on the output window.
Can somebody help me where i might be wrong?

Posted 29-Dec-13 21:08pm

Karn Singh

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) · Accepted Answer · 2013-12-29T21:43:00

Solution 1

That is due to css height property in wrap div.

CSS

#wrap {
    height:100%;
    width:500%;
    overflow:hidden;
}

[Update After OP mentioned that he/she want to put the "ul" inside div id="three"]

I have done this.

Check - [Issue] Placing a menu in a div[^].
The "ul" inside "three" div was taking position: fixed. So, that was the issue.

I have added one new CSS style in the fiddle to solve this. That is as follows.

CSS

ul.menu
{
    position:relative;
}

Posted 29-Dec-13 21:43pm

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ)

Updated 30-Dec-13 0:10am

v2

Comments

Karn Singh 30-Dec-13 4:01am

no it is still not working if i place the code in third div i still cant see anything.If i place it on first div i can partially see it but on scrolling to next div it is not changing position.

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 30-Dec-13 4:04am

Give me the updated jsfiddle link where you have added that div.

Karn Singh 30-Dec-13 4:08am

i tried placing it in third div..http://jsfiddle.net/karn21/6S9Kt/1/

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 30-Dec-13 5:42am

I thought you are trying to place a new div, but you are trying to place it inside the div three. So, let me check what is the issue. I will come back and reply you again after some time.

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 30-Dec-13 5:57am

I have done this.

Check - [Issue] Placing a menu in a div[^].

The "ul" inside "three" div was taking position = fixed. So, that was the issue.

I have added one new CSS style in the fiddle to solve this. That is as follows.


ul.menu
{
    position:relative;
}

Karn Singh 30-Dec-13 9:37am

thanks a lot Tadit Dash..for your help and response.One more thing if i place any other thing in another div will it work?

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 30-Dec-13 12:38pm

Yes, why not. Just add that and try to analyze the CSS styles applied to it. You can then adjust the styles to show it as expected. If you face any difficulty, then come back on Code Project and add another question.

So, keep coding. :)