WeLoveCSS Logo
Home Profile Members Search Rules Help New Posts


  Thread Tools Display Modes
Old 17th June 16, 06:29 AM   #1
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
Old 17th June 16, 07:39 PM   #2
WLC Member
Join Date: Jun 2016
Location: North Carolina
Posts: 2
Default Re: CSS Help

Not sure what happen to image photos
jtechnics is offline   Reply With Quote
Old 15th March 17, 11:21 AM   #3
WLC Member
Join Date: Mar 2017
Posts: 2
Default Re: CSS Help

CSS stands for Cascading Style Sheets. CSS was invited by Hakon Wium Lie on October 10, 1994 and maintained through a group of people within the W3C called the CSS Working Group. The CSS Working Group creates documents called specifications. When a specification has been discussed and officially ratified by W3C members, it becomes a recommendation. css tutorials pdf CSS is used to define styles for your web pages, including the design, layout and variations in display for different devices and screen sizes. CSS describes how HTML elements are to be displayed on screen, paper, or in other media. CSS is easy to learn and understand but it provides powerful control over the presentation of an HTML document. Most commonly, CSS is combined with the markup languages HTML or XHTML.

CSS files are termed “cascading” stylesheets because of two reasons: one stylesheet can cascade, or have influence over, multiple pages. Similarly, many CSS files can define a single page. We can apply CSS in 3 ways such as Internal CSS, Inline CSS and External CSS.

CSS is designed primarily to enable the separation of document content from document presentation, including aspects such as the layout, colors, and fonts. This separation can improve content accessibility, provide more flexibility and control in the specification of presentation characteristics, enable multiple HTML pages to share formatting by specifying the relevant CSS in a separate .css file, and https://en.wikipedia.org/wiki/Cascading_Style_Sheets reduce complexity and repetition in the structural content. Separation of formatting and content makes it possible to present the same markup page in different styles.
AkshayKumar is offline   Reply With Quote

Thread Tools
Display Modes
Linear Mode Linear 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 09:51 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 - 2018, Jelsoft Enterprises Ltd.