Results 1 to 8 of 8

Hybrid View

  1. #1
    Join Date
    Oct 2006
    Posts
    223
    Plugin Contributions
    0

    Default Re: css flyout header stylesheet customization

    I guess I didn't make it to clear what I meant, sorry. The links are centered OK individually (between the white vertical lines) but what I wanted to do is center all the links in the middle of the main bar. For instance, the Shindaiwa link is against the left side. On the right side, there's a space after the last link (Manuals). I'd like to even out those spaces.
    If I'm not clear yet, just ask more questions...

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

    Default Re: css flyout header stylesheet customization

    For instance, the Shindaiwa link is against the left side
    Yes, and this is as far left as the layout will allow

    Opps!!! Are these all the top links you will ever have?
    Zen-Venom Get Bitten

  3. #3
    Join Date
    Oct 2006
    Posts
    223
    Plugin Contributions
    0

    Default Re: css flyout header stylesheet customization

    Quote Originally Posted by kobra View Post
    Yes, and this is as far left as the layout will allow

    Opps!!! Are these all the top links you will ever have?
    Well, not necessarily, but I thought it looks a little funny with so much space on the right side. But if you don't think it does look funny, I'll just leave it

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

    Default Re: css flyout header stylesheet customization

    Try this in your drop menu css file they exist just edit/add what is in red:
    Code:
    #dropMenuWrapper {
    background: #4F4F4F;
    	width:100%;
    	height:25px;
    	margin:0;
    	font-size:11px;
    	}
    
    div#dropMenu {
      	width:678px;
      	margin:0 auto;
        text-align:center;
    	z-index:1000;
    	position:relative;
    	}
    
    div#dropMenu ul.level1 {
    	width:678px; 
    	margin:0 auto; 
    	text-align:center;
    	background:#4F4F4F;
    	height:25px;
    	z-index:1000;
    	}
    Zen-Venom Get Bitten

  5. #5
    Join Date
    Oct 2006
    Posts
    223
    Plugin Contributions
    0

    Default Re: css flyout header stylesheet customization

    Thanks a lot, that just about did the trick, with a little tweaking. When I did it exactly like that, it stuck out a little too far on the sides (It actually stayed with the template, but because of the shadows on the sides, it looked funny). Then when I tried to set it to say, 95%, the whole menu bar became slightly off center. So I played around a little until I got it perfect, but I put that first code section like this:
    Code:
    #dropMenuWrapper {
    	background: #4F4F4F;
            width:827px;
    	height:25px;
    	margin:0px 0px 0px 8px;
    	font-size:11px;
            }
    That's probably a cruel usage for the "margin" line, but it bumped it over enough to come out perfect:) Will there be any problems with that, do you know?
    Thanks again.

  6. #6
    Join Date
    Aug 2005
    Location
    Arizona
    Posts
    27,755
    Plugin Contributions
    9

    Default Re: css flyout header stylesheet customization

    This all in one margin line is supported and should be no issue
    Zen-Venom Get Bitten

 

 

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 How to uninstall CSS Horizontal Drop Down Menu (CSS Flyout Header 1.5)
    By cmike in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 15 Feb 2014, 07:39 AM
  3. v139h CSS Flyout header
    By bravo14 in forum All Other Contributions/Addons
    Replies: 0
    Last Post: 30 Mar 2012, 01:35 PM
  4. Stylesheet of CSS flyout menu
    By ckosloff in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 11 Aug 2008, 07:55 PM

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