Link to home
Create AccountLog in
JavaScript

JavaScript

--

Questions

--

Followers

Top Experts

Avatar of nsitedesigns
nsitedesigns🇺🇸

navigation gone wild
My programmer is struggling to figure out how to get the navigation to appear when he adds the carousel animation.  For some reason, it goes missing.

Missing navigation with animation
http://nsitedesigns.com/nsitedesigns/miller/index_missingnav.html

Navigation working when placeholder displayed as an image and not navigation
http://nsitedesigns.com/nsitedesigns/miller/index_backupNav.html

Help!  

Zero AI Policy

We believe in human intelligence. Our moderation policy strictly prohibits the use of LLM content in our Q&A threads.

ASKER CERTIFIED SOLUTION
Avatar of SSupremeSSupreme🇧🇾

Link to home
membership
Log in or create a free account to see answer.
Signing up is free and takes 30 seconds. No credit card required.
Create Account
SOLUTION
Avatar of dr_Pitterdr_Pitter

Link to home
membership
Log in or create a free account to see answer.
Signing up is free and takes 30 seconds. No credit card required.
Create Account
Avatar of SSupremeSSupreme🇧🇾

Actually, your main-nav is 0px height, if you add overflow:hidden; to your CSS  it will get height of content inside.
Avatar of nsitedesignsnsitedesigns🇺🇸

ASKER

where do you see the height set to 0px?  
*ul#main-nav li ul li a {min-width:90px;}   /*needed to manage width of IE7 drop down buttons*/


ul#main-nav {
	margin:0px 0px 10px 170px;
	width:935px;
padding-top:70px;
height:80px;
	position:absolute;
}


ul#main-nav li {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	display:inline; /*needed for ie bug*/
}

ul#main-nav li a {
	text-decoration:none;
	display:block;
	color:#333; /*main button text color no activity*/
	padding:4px 15px 6px;
font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:center;
	border-right:1px solid #666;
	white-space:nowrap;
	
	}

ul#main-nav li a:hover, ul#main-nav	li a:focus {
	text-decoration:none;
background-color:#14174f;
color:#fff;
	}

	
	
ul#main-nav li ul {
	padding:0;
	margin:0;
	display:none;}

ul#main-nav li:hover ul {/*needed so mouseovers float over main image*/
	display:block;
position:absolute; 
}

ul#main-nav li ul li {float:none;}

ul#main-nav li ul li a { /*drop down menu buttons w/o mouseover*/
	font-size:14px;
text-decoration:none;
background-color:#fff;
color:#000;
margin:0;
height:20px;
text-align:left;
border:0 none;
}




/*THIRD LEVEL BUTTONS*/
ul#main-nav li ul ul {
	margin: -1em 0 0 10em;
}


ul#main-nav li.lastbutton a {
	border:none;
	padding-right:8px;}

Open in new window

Avatar of nsitedesignsnsitedesigns🇺🇸

ASKER

duh, was looking at an old test page.  sorry
Reward 1Reward 2Reward 3Reward 4Reward 5Reward 6

EARN REWARDS FOR ASKING, ANSWERING, AND MORE.

Earn free swag for participating on the platform.

Avatar of SSupremeSSupreme🇧🇾

It's auto if not set, auto div height is 0px, if there is no content like text.
Add #main-nav {overflow:hidden;} to your css and you will be fine.
Avatar of SSupremeSSupreme🇧🇾

You won't find "height set to 0px", browser apply it automatically.
Avatar of nsitedesignsnsitedesigns🇺🇸

ASKER

i have asked my programmer to try all suggestions.  no word yet if he has had any luck.
Free T-shirt

Get a FREE t-shirt when you ask your first question.

We believe in human intelligence. Our moderation policy strictly prohibits the use of LLM content in our Q&A threads.

Avatar of SSupremeSSupreme🇧🇾

It works for me so should for you. Good luck! User generated image
Avatar of nsitedesignsnsitedesigns🇺🇸

ASKER

is this ie7?
Avatar of SSupremeSSupreme🇧🇾

no, Why would I check IE7, it might have different issues which don't connect with what you asked.
Reward 1Reward 2Reward 3Reward 4Reward 5Reward 6

EARN REWARDS FOR ASKING, ANSWERING, AND MORE.

Earn free swag for participating on the platform.

Avatar of nsitedesignsnsitedesigns🇺🇸

ASKER

Sorry, IE7 is where we are having tons of problems.
Avatar of SSupremeSSupreme🇧🇾

I suggest you select solution for question you have asked, and ask other new questions, Experts will be happy to help you.
JavaScript

JavaScript

--

Questions

--

Followers

Top Experts

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and in almost every mainstream web browser.