Web Layout
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
 
 
User Name:
Password:
Remember me
Go Back   ASP Free Forums > Web Design > Web Layout
Reload this Page

Menu issues

Discuss Menu issues in the Web Layout forum on ASP Free.
Menu issues Web Layout forum discussing design strategies and topics that range from general site layout to advanced site design. Find out what everyone is doing, and how best to arrange your content.

Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
« Previous Thread | Next Thread »  
Thread Tools Search this Thread Rate Thread Display Modes
 
Unread ASP Free Forums Sponsor:
  #1  
Old July 17th, 2007, 08:42 AM
jansan22 jansan22 is offline
Contributing User
ASP Free Newbie (0 - 499 posts)
  
Join Date: May 2007
Posts: 48 jansan22 User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 11 h 52 m 17 sec
Reputation Power: 2
Menu issues
I have a problem with a vertical menu.

When I hover the menu it does not "hover" the whole box.
The background is not shown where I have used padding.

code is below.

Code:
#niv_2_2_on, 
#niv_2_2_off,
#niv_2_2_tree{
	background-image:url(../../grafik/pil_undermenu.png);
	background-repeat:no-repeat;
	background-position:5px center;
	padding:5px 0 5px 15px;
	display:block;
	background-color:#14aee4;
	margin-top:2px;
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;

		}

	
#niv_2_2_on a:hover{ color:#FFF; text-decoration:none;display:block;background-color:#1d586e}
#niv_2_2_off a:hover{ color:#FFF; text-decoration:none;display:block;background-color:#1d586e}

#niv_2_2_on a{ color:#FFF; text-decoration:none;}
#niv_2_2_on a:link{ color:#FFF; text-decoration:none;}
#niv_2_2_off a{ color:#FFF; text-decoration:none;display:block;background-color:#1d586e}
#niv_2_2_off a:link{ color:#FFF; text-decoration:none;display:block;background-color:#1d586e}
#niv_2_2_tree a{ color:#FFF; text-decoration:none;display:block;background-color:#1d586e}
#niv_2_2_tree a:link{ color:#FFF; text-decoration:none;display:block;background-color:#1d586e}
/*MENU 3*/

#niv_3_3_on, 
#niv_3_3_off{
	background-image:url(../../grafik/pil_undermenu.png);
	background-repeat:no-repeat;
	background-position:30px center;
	padding:5px 0 5px 40px;
	display:block;
	background-color:#14aee4;
	margin-top:2px;
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;

	}

#niv_3_3_on a:hover{ color:#FFF; text-decoration:none;display:block;background-color:#1d586e}
#niv_3_3_off a:hover{ color:#FFF; text-decoration:none;display:block;background-color:#1d586e}
#niv_3_3_on a{ color:#FFF; text-decoration:none;}
#niv_3_3_on a:link{ color:#FFF; text-decoration:none;}
#niv_3_3_off a{ color:#FFF; text-decoration:none;display:block;background-color:#1d586e}
#niv_3_3_off a:link{ color:#FFF; text-decoration:none;display:block;background-color:#1d586e}
Reply With Quote
  #2  
Old July 17th, 2007, 11:19 AM
IcoN512 IcoN512 is offline
Contributing User
ASP Free Newbie (0 - 499 posts)
  
Join Date: Jun 2007
Posts: 186 IcoN512 User rank is Sergeant Major (2000 - 5000 Reputation Level)IcoN512 User rank is Sergeant Major (2000 - 5000 Reputation Level)IcoN512 User rank is Sergeant Major (2000 - 5000 Reputation Level)IcoN512 User rank is Sergeant Major (2000 - 5000 Reputation Level)IcoN512 User rank is Sergeant Major (2000 - 5000 Reputation Level)IcoN512 User rank is Sergeant Major (2000 - 5000 Reputation Level) 
Time spent in forums: 1 Day 18 h 44 m
Reputation Power: 30
Quote:
Originally Posted by jansan22
I have a problem with a vertical menu.

When I hover the menu it does not "hover" the whole box.
The background is not shown where I have used padding.

code is below.

Code:
#niv_2_2_on, 
#niv_2_2_off,
#niv_2_2_tree{
	background-image:url(../../grafik/pil_undermenu.png);
	background-repeat:no-repeat;
	background-position:5px center;
	padding:5px 0 5px 15px;
	display:block;
	background-color:#14aee4;
	margin-top:2px;
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;

		}

	
#niv_2_2_on a:hover{ color:#FFF; text-decoration:none;display:block;background-color:#1d586e}
#niv_2_2_off a:hover{ color:#FFF; text-decoration:none;display:block;background-color:#1d586e}

#niv_2_2_on a{ color:#FFF; text-decoration:none;}
#niv_2_2_on a:link{ color:#FFF; text-decoration:none;}
#niv_2_2_off a{ color:#FFF; text-decoration:none;display:block;background-color:#1d586e}
#niv_2_2_off a:link{ color:#FFF; text-decoration:none;display:block;background-color:#1d586e}
#niv_2_2_tree a{ color:#FFF; text-decoration:none;display:block;background-color:#1d586e}
#niv_2_2_tree a:link{ color:#FFF; text-decoration:none;display:block;background-color:#1d586e}
/*MENU 3*/

#niv_3_3_on, 
#niv_3_3_off{
	background-image:url(../../grafik/pil_undermenu.png);
	background-repeat:no-repeat;
	background-position:30px center;
	padding:5px 0 5px 40px;
	display:block;
	background-color:#14aee4;
	margin-top:2px;
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;

	}

#niv_3_3_on a:hover{ color:#FFF; text-decoration:none;display:block;background-color:#1d586e}
#niv_3_3_off a:hover{ color:#FFF; text-decoration:none;display:block;background-color:#1d586e}
#niv_3_3_on a{ color:#FFF; text-decoration:none;}
#niv_3_3_on a:link{ color:#FFF; text-decoration:none;}
#niv_3_3_off a{ color:#FFF; text-decoration:none;display:block;background-color:#1d586e}
#niv_3_3_off a:link{ color:#FFF; text-decoration:none;display:block;background-color:#1d586e}

I'm not sure what you mean, can you give a working example?

Something that comes to mind is using z-index. The higher the z-index number the more priority it has over another and will display on top of it.
Reply With Quote
  #3  
Old July 24th, 2007, 01:48 PM
Nilpo's Avatar
Nilpo Nilpo is offline
Shaolin Scripter!™
ASP Free Beginner (1000 - 1499 posts)
  
Join Date: Jun 2006
Location: Salem, OH
Posts: 1,051 Nilpo User rank is Colonel (50000 - 60000 Reputation Level)Nilpo User rank is Colonel (50000 - 60000 Reputation Level)Nilpo User rank is Colonel (50000 - 60000 Reputation Level)Nilpo User rank is Colonel (50000 - 60000 Reputation Level)Nilpo User rank is Colonel (50000 - 60000 Reputation Level)Nilpo User rank is Colonel (50000 - 60000 Reputation Level)Nilpo User rank is Colonel (50000 - 60000 Reputation Level)Nilpo User rank is Colonel (50000 - 60000 Reputation Level)Nilpo User rank is Colonel (50000 - 60000 Reputation Level)Nilpo User rank is Colonel (50000 - 60000 Reputation Level)Nilpo User rank is Colonel (50000 - 60000 Reputation Level)Nilpo User rank is Colonel (50000 - 60000 Reputation Level)  Folding Points: 206875 Folding Title: Super Ultimate Folder - Level 1Folding Points: 206875 Folding Title: Super Ultimate Folder - Level 1Folding Points: 206875 Folding Title: Super Ultimate Folder - Level 1Folding Points: 206875 Folding Title: Super Ultimate Folder - Level 1Folding Points: 206875 Folding Title: Super Ultimate Folder - Level 1Folding Points: 206875 Folding Title: Super Ultimate Folder - Level 1
Time spent in forums: 5 Days 13 h 29 sec
Reputation Power: 555
Send a message via ICQ to Nilpo Send a message via AIM to Nilpo Send a message via MSN to Nilpo Send a message via Yahoo to Nilpo Send a message via Google Talk to Nilpo Send a message via Skype to Nilpo
MySpace
Sounds like the IE box model bug. What browser are you using?
__________________
Click the image if at any point you don't like my decision.

Scripting problems? Windows questions? Ask the Windows Guru!

Reply With Quote
Reply

Viewing: ASP Free Forums > Web Design > Web Layout > Menu issues

« Previous Thread | Next Thread »

Thread Tools  Search this Thread 
Search this Thread:

Advanced Search
Display Modes  Rate This Thread 
Linear Mode Linear Mode
Rate This Thread:


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox
Forum Jump


Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
  
 





© 2003-2008 by Developer Shed. All rights reserved. DS Cluster 6 hosted by Hostway. 
Stay green...Green IT