Results 1 to 9 of 9
  1. #1
    Join Date
    Apr 2008
    Location
    Flint, Michigan
    Posts
    687
    Plugin Contributions
    0

    Default CSS Horizontal Dynamic Menu - Layout Problems

    I've recently installed CSS Horizontal Dynamic Menu (Paul's edition). It works great!

    I am trying to get all my categories to fit across the page and eliminate white space between header and menu. I have been struggling with the stylesheet.

    My headerWrapper looks like this:
    #dropMenuWrapper {
    width:100%;
    height:25px;
    margin:0;
    font-size:11px;
    }

    Kim

  2. #2
    Join Date
    Aug 2005
    Location
    Arizona
    Posts
    27,761
    Plugin Contributions
    9

    Default Re: CSS Horizontal Dynamic Menu - Layout Problems

    You have the mainWrapper in your stylesheet set to 1000px and your header menu set to 750px - - start by matching these widths
    Then adjust the padding in the "dropMenu li a" entry 2em=~20px to about 0.3-0.5em


    Code:
    div#dropMenu ul.level1 {
    	width:750px;  Make 1000
    	margin:0 auto; 
    	text-align:center;
    	background:#cccccc;
    	height:25px;
    	z-index:500;
    	}
    
    div#dropMenu li a {
    	display: block; 
    	text-decoration: none; 
    	text-transform:uppercase; 
    	color:#083562; 
    	text-align:left; 
    	border-right: 1px solid #083562;
    	border-left: 1px solid #083562;
    	padding-top: 0.6em;
    	padding-right: 2em;
    	padding-bottom: 0.6em;
    	padding-left: 2em;
    	}
    Zen-Venom Get Bitten

  3. #3
    Join Date
    Apr 2008
    Location
    Flint, Michigan
    Posts
    687
    Plugin Contributions
    0

    Default Re: CSS Horizontal Dynamic Menu - Layout Problems

    Quote Originally Posted by kobra View Post
    You have the mainWrapper in your stylesheet set to 1000px and your header menu set to 750px - - start by matching these widths
    Then adjust the padding in the "dropMenu li a" entry 2em=~20px to about 0.3-0.5em


    Code:
    div#dropMenu ul.level1 {
    	width:750px;  Make 1000
    	margin:0 auto; 
    	text-align:center;
    	background:#cccccc;
    	height:25px;
    	z-index:500;
    	}
    
    div#dropMenu li a {
    	display: block; 
    	text-decoration: none; 
    	text-transform:uppercase; 
    	color:#083562; 
    	text-align:left; 
    	border-right: 1px solid #083562;
    	border-left: 1px solid #083562;
    	padding-top: 0.6em;
    	padding-right: 2em;
    	padding-bottom: 0.6em;
    	padding-left: 2em;
    	}
    Thank you so much! It helped out a lot. I still have a white space between logo header and menu.?
    Kim

  4. #4
    Join Date
    Aug 2005
    Location
    Arizona
    Posts
    27,761
    Plugin Contributions
    9

    Default Re: CSS Horizontal Dynamic Menu - Layout Problems

    I do not favor negative margins but you have too many things/css that I am not fully aware of why....
    Code:
    #dropMenuWrapper {
    	width:100%;
    	height:25px;
    	margin: -1.25em 0em 0em 0em;
    	padding: 0em;
    	font-size: 10px;
    	}
    Zen-Venom Get Bitten

  5. #5
    Join Date
    Apr 2008
    Location
    Flint, Michigan
    Posts
    687
    Plugin Contributions
    0

    Default Re: CSS Horizontal Dynamic Menu - Layout Problems

    Quote Originally Posted by kobra View Post
    I do not favor negative margins but you have too many things/css that I am not fully aware of why....
    Code:
    #dropMenuWrapper {
    	width:100%;
    	height:25px;
    	margin: -1.25em 0em 0em 0em;
    	padding: 0em;
    	font-size: 10px;
    	}
    I have it set at 0em. Not sure why it is showing up with -1.25?

  6. #6
    Join Date
    Apr 2008
    Location
    Flint, Michigan
    Posts
    687
    Plugin Contributions
    0

    Default Re: CSS Horizontal Dynamic Menu - Layout Problems

    Quote Originally Posted by kburner View Post
    I have it set at 0em. Not sure why it is showing up with -1.25?
    I fixed that.

    Now, my manufacturer (I re-labeled it Author/Publisher) is not scrolling. I also have 2 errors for showtrail. I have been looking for information on how to get rid of white space between header/logo and menu.

    Any help is greatly appreciated. Kim

  7. #7
    Join Date
    Aug 2005
    Location
    Arizona
    Posts
    27,761
    Plugin Contributions
    9

    Default Re: CSS Horizontal Dynamic Menu - Layout Problems

    I have it set at 0em. Not sure why it is showing up with -1.25?

    I have been looking for information on how to get rid of white space between header/logo and menu.
    I was not fully clear - - While I do not favor negative margins what I posted will solve the white space.... Try it
    Zen-Venom Get Bitten

  8. #8
    Join Date
    Apr 2008
    Location
    Flint, Michigan
    Posts
    687
    Plugin Contributions
    0

    Default Re: CSS Horizontal Dynamic Menu - Layout Problems

    Quote Originally Posted by kobra View Post
    I was not fully clear - - While I do not favor negative margins what I posted will solve the white space.... Try it
    Thank you the - worked. The white space is gone. But looks like too big and overlaps on both right and left. I have been trying to fix for some time now. And FF and IE do not match.

    Kim

  9. #9
    Join Date
    Apr 2008
    Location
    Flint, Michigan
    Posts
    687
    Plugin Contributions
    0

    Default Re: CSS Horizontal Dynamic Menu - Layout Problems

    I am also getting two errors since loading this module.

    The 2 errors are for showtrail and hidetrail is not defined.

    Kim

 

 

Similar Threads

  1. layout changed after installed CSS Horizontal Drop Down Menu (CSS Flyout Header 1.5)
    By cmike in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 20 Feb 2014, 04:02 PM
  2. v151 Centering "CSS Horizontal Dynamic Menu (Paul's edition)"
    By Kevin205 in forum General Questions
    Replies: 1
    Last Post: 12 Jan 2013, 04:06 PM
  3. CSS Horizontal Dynamic Menu Error
    By windmill74 in forum Templates, Stylesheets, Page Layout
    Replies: 0
    Last Post: 30 Dec 2008, 11:25 PM
  4. CSS Horizontal Drop Down menu - dropdown menu width...
    By intrium in forum All Other Contributions/Addons
    Replies: 0
    Last Post: 19 Aug 2008, 06:48 PM
  5. Customizing CSS Horizontal Dynamic Menu (Paul's edition)
    By bansaldeepak13 in forum Templates, Stylesheets, Page Layout
    Replies: 0
    Last Post: 14 Jul 2008, 07:07 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg
Zen-Cart, Internet Selling Services, Klamath Falls, OR