Solved

Would like to adjust the CSS so that menu displays better

Posted on 2014-02-24
4
370 Views
Last Modified: 2014-02-24
I am trying to adjust the options in the "resources" menu (see attached) so that there is a blank line above "alumni". However, I am not sure how to do it. I believe the menu is structured as a table and the part relating to that is in the table.schedule class towards the end of the file. I have also attached the CSS file.

I would appreciate any help.

Thanks.
Picture-1.png
global.css
0
Comment
Question by:geeta_m9
  • 2
  • 2
4 Comments
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 39883451
<long_response>
CSS gets applied to structural components of the markup.  Therefore trying to determine how to change the layout requires access to the markup. Without a link all we can do is guess that there is a change in padding, margin, positioning, or some other property for some element in the page.  Given the mediocre CSS, and a lack of detail;  the chances of getting it right are probably about the same as the chances of threading a needle while wearing boxing gloves and a blindfold.
</long_response>

<short_response>
Please post a link so we can see context.  
<short_response>
0
 

Author Comment

by:geeta_m9
ID: 39883516
Here is the link: http://www.saiprograms.com

Click on the "resources" option on the menu at the top.
0
 
LVL 53

Accepted Solution

by:
COBOLdinosaur earned 500 total points
ID: 39883710
in the global.css add this rule:

.page-item-232, .page-item-249 {padding-top:1em;}

That should solve the problem, but the code is very messy and the HTML validator reports structural errors so I have no idea if that will break something else on the site.  The technical quality of the code is such that I waould say it is long past the point where it should be cleanup, revised and brought up to current standards.  Maintenance is just going to get increasingly difficult if the code is allowed to remain as it is.

Cd&
0
 

Author Comment

by:geeta_m9
ID: 39884367
Noted. Thanks.
0

Featured Post

IT, Stop Being Called Into Every Meeting

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

Join & Write a Comment

Styling your websites can become very complex. Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…

744 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

13 Experts available now in Live!

Get 1:1 Help Now