WeLoveCSS Logo
Home Profile Members Search Rules Help New Posts



WeLoveCSS > WEB DESIGN > CSS > CSS Help

 
  Thread Tools Display Modes
Prev Previous Post   Next Post Next
Old 17th June 16, 05:29 AM   #1
jtechnics
WLC Member
 
Join Date: Jun 2016
Location: North Carolina
Posts: 2
Default CSS Help

I need some help to figure out changes I need to do to get the results I need. I have tried several things getting changes but not the one I need.



The menu bar in the upper right hand corner opens a popup window by clicking on "Service Times" and it allowed me to add three more other links. Now when I try to add a fourth I get the following which causes the "Service Times" to jump down starting another line.



I want to add more but keep it in a straight line as the original. It is considered the secondary menu and the following is the code I am working with.

#header { width:960px; margin:0; padding:0; }
#logo { margin:50px 0 0 15px; padding:0; float:left; }
/* Secondary Menu */
.secondary-menu { margin:0; padding:3px 8px 6px; list-style:none; color:#fff; line-height:35px; display:inline-block; float:right; z-index:1000; background: rgba(51, 41, 33, 0.2); font-family: Arial, Helvetica, sans-serif; font-size:12px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.secondary-menu a { color:#fff; text-decoration:none; }
.secondary-menu > li { /* background:#332921 none repeat scroll 0 0; */ cursor:pointer; float:left; position:relative; padding:0 10px; }
.secondary-menu > li a:hover { color:#000; }
.secondary-menu.popup-menu { padding-right:0; }
.secondary-menu.popup-menu > li { padding-right:0; }

/* sub-menus*/
.secondary-menu ul { padding:0; margin:0; display:block; display:inline; }
.secondary-menu li ul { position:absolute; left:-8px; top:0; margin-top:20px; width:150px; line-height:16px; background-color:#332921; color:#0395CC; /* for IE */ display:none; }
.secondary-menu li:hover ul { display:block; }
.secondary-menu li ul li { display:block; margin:4px 15px 4px; padding: 5px 0 4px; border-top: dotted 1px #606060; list-style-type:none; }
.secondary-menu li ul li:first-child { border-top: none; }
.secondary-menu li ul li a { display:block; color:#fff; }
.secondary-menu li ul li a:hover { color:#0395CC; }

Thank you.
jtechnics is offline   Reply With Quote
 


Thread Tools
Display Modes
Threaded Mode Threaded Mode

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 04:09 AM.



Home | Advertise | Contact Us | Top
Home | Advertise | Contact Us | Top

Copyright© 2006 WeLoveCSS.com. All Rights Reserved.
Powered by vBulletin Version 3.8.4 Copyright ©2000 - 2017, Jelsoft Enterprises Ltd.