Comments on: CSS Sliding Doors Gone Wild http://valendesigns.com/tutorials/css-sliding-doors-gone-wild/ Build Market Empower Wed, 29 Feb 2012 03:15:47 +0000 http://wordpress.org/?v=2.9.2 hourly 1 By: Waves of Technology | 15 Tutorials on Creating CSS Navigaton Menus with Sliding Doors Effect http://valendesigns.com/tutorials/css-sliding-doors-gone-wild/#comment-847 Waves of Technology | 15 Tutorials on Creating CSS Navigaton Menus with Sliding Doors Effect Wed, 29 Feb 2012 03:15:47 +0000 http://valendesigns.com/?p=41#comment-847 [...] CSS Sliding Doors Gone Wild [...] [...] CSS Sliding Doors Gone Wild [...]

]]> By: 15个滑动门效果CSS导航菜单实例教程 | TechTrack- 科技追踪 http://valendesigns.com/tutorials/css-sliding-doors-gone-wild/#comment-645 15个滑动门效果CSS导航菜单实例教程 | TechTrack- 科技追踪 Mon, 01 Mar 2010 14:54:57 +0000 http://valendesigns.com/?p=41#comment-645 [...] CSS Sliding Doors Gone Wild [...] [...] CSS Sliding Doors Gone Wild [...]

]]> By: 15个滑动门效果CSS导航菜单实例教程 - 菠菜博 http://valendesigns.com/tutorials/css-sliding-doors-gone-wild/#comment-642 15个滑动门效果CSS导航菜单实例教程 - 菠菜博 Wed, 10 Feb 2010 17:51:04 +0000 http://valendesigns.com/?p=41#comment-642 [...] CSS Sliding Doors Gone Wild [...] [...] CSS Sliding Doors Gone Wild [...]

]]> By: Jonathan http://valendesigns.com/tutorials/css-sliding-doors-gone-wild/#comment-256 Jonathan Fri, 12 Jun 2009 00:22:23 +0000 http://valendesigns.com/?p=41#comment-256 WOW this is very helpful! Great tutorial! Thanks for the post! WOW this is very helpful! Great tutorial! Thanks for the post!

]]> By: Simon http://valendesigns.com/tutorials/css-sliding-doors-gone-wild/#comment-9 Simon Wed, 12 Nov 2008 17:42:48 +0000 http://valendesigns.com/?p=41#comment-9 great post thanks... I'm on a heavy deadline and was having trouble with the nav... This works great! great post thanks… I’m on a heavy deadline and was having trouble with the nav… This works great!

]]> By: Derek Herman http://valendesigns.com/tutorials/css-sliding-doors-gone-wild/#comment-8 Derek Herman Thu, 16 Oct 2008 10:46:16 +0000 http://valendesigns.com/?p=41#comment-8 Always glad to help. Always glad to help.

]]> By: John http://valendesigns.com/tutorials/css-sliding-doors-gone-wild/#comment-7 John Thu, 16 Oct 2008 10:40:54 +0000 http://valendesigns.com/?p=41#comment-7 great post thanks! great post thanks!

]]> By: Derek Herman http://valendesigns.com/tutorials/css-sliding-doors-gone-wild/#comment-6 Derek Herman Mon, 11 Aug 2008 22:54:33 +0000 http://valendesigns.com/?p=41#comment-6 Above I wrote "this markup and CSS is designed for the Wordpress CMS" which is partly true. What I mean is that in some cases where there is no active tab (archive page) the navigation will shift one pixel down. If you plan to use this type of navigation there are two approaches that will fix this issue. One is an alternative is to add a class <code>.shift</code> to the navigation on those pages like: <code> #navigation.shift li a { border-bottom: 1px solid colorOfBorder; } #navigation.shift li:hover a, #navigation.shift li.ieHover a { border-bottom: none; } </code> OR Remove the one pixel at the bottom of the navigation all together. However, using this technique will make it so you can fully blend the navigation with the color below it. We use the first option on this site. The navigation for Valen Designs is virtually identically to the code you get in the zip file above but missing the no active state fix. In later version we will fix the issue until then you can add the CSS above and if you have a question as to how to implement it feel free to ask. Above I wrote “this markup and CSS is designed for the Wordpress CMS” which is partly true. What I mean is that in some cases where there is no active tab (archive page) the navigation will shift one pixel down. If you plan to use this type of navigation there are two approaches that will fix this issue. One is an alternative is to add a class .shift to the navigation on those pages like:


#navigation.shift li a {
border-bottom: 1px solid colorOfBorder;
}
#navigation.shift li:hover a, #navigation.shift li.ieHover a {
border-bottom: none;
}

OR

Remove the one pixel at the bottom of the navigation all together. However, using this technique will make it so you can fully blend the navigation with the color below it. We use the first option on this site. The navigation for Valen Designs is virtually identically to the code you get in the zip file above but missing the no active state fix. In later version we will fix the issue until then you can add the CSS above and if you have a question as to how to implement it feel free to ask.

]]>