Solved

Would like to adjust the CSS so that menu displays better

Posted on 2014-02-24
4
377 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

Free Tool: Postgres Monitoring System

A PHP and Perl based system to collect and display usage statistics from PostgreSQL databases.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Box Locations 6 21
Make options hidden and show just option that is on 1 29
Are these icons a web font? 3 21
Fix Form size HTML 16 15
Introduction Knockoutjs (Knockout) is a JavaScript framework (Model View ViewModel or MVVM framework).   The main ideology behind Knockout is to control from JavaScript how a page looks whilst creating an engaging user experience in the least …
Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

821 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