Solved

Would like to adjust the CSS so that menu displays better

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

Gigs: Get Your Project Delivered by an Expert

Select from freelancers specializing in everything from database administration to programming, who have proven themselves as experts in their field. Hire the best, collaborate easily, pay securely and get projects done right.

Question has a verified solution.

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

Shoutout to Emily Plummer (http://www.experts-exchange.com/members/eplummer26.html) for giving me this article! She did most of it, I just finished it up and posted it for her :)    Introduction In a previous article (http://www.experts-exchang…
Have you tried to learn about Unicode, UTF-8, and multibyte text encoding and all the articles are just too "academic" or too technical? This article aims to make the whole topic easy for just about anyone to understand.
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.

786 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