WeLoveCSS

WeLoveCSS (http://welovecss.com/index.php)
-   CSS (http://welovecss.com/forumdisplay.php?f=5)
-   -   CSS Help (http://welovecss.com/showthread.php?t=9510)

jtechnics 17th June 16 06:29 AM

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.

http://ovumc.org/wp/wp-content/uploa.../06/header.jpg

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.

http://ovumc.org/wp/wp-content/uploa...06/header2.jpg

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 17th June 16 07:39 PM

Re: CSS Help
 
Not sure what happen to image photos

AkshayKumar 15th March 17 11:21 AM

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.


All times are GMT. The time now is 10:00 PM.

Powered by vBulletin Version 3.8.4 Copyright ©2000 - 2017, Jelsoft Enterprises Ltd.