Improve company productivity with a Business Account.Sign Up

x
?
Solved

Bizarre HTML/CSS behaviour

Posted on 2011-03-02
8
Medium Priority
?
370 Views
Last Modified: 2012-05-11
This problem appears across all browsers

Third level left hand side navigation: line-height or margin top/bottom is too big when a certain group of items are clicked.

NOT OK:
http://ndlrnstage.esa.edu.au/for_teachers/sample_curriculum_content/tm_-_civics_and_citizenship.html

OK:
http://ndlrnstage.esa.edu.au/for_jurisdictions/resource_development_process/digital_resources/quality_assurance.html

The styling in the 'NOT OK' above should look the same as the 'OK' above.

??
0
Comment
Question by:jeremyll
  • 4
  • 4
8 Comments
 
LVL 29

Expert Comment

by:Badotz
ID: 35023079
hmmm...different folders, different pages - different CSS?
0
 

Author Comment

by:jeremyll
ID: 35023118
It's definitely referencing the same css.

if you click the first level nav item above it, http://ndlrnstage.esa.edu.au/for_jurisdictions/collaborative_networks/the_le@rning_federation_consultative_committee/consultative_committee.html

it shows the correct styling...
0
 
LVL 29

Accepted Solution

by:
Badotz earned 1500 total points
ID: 35023159
Your "not OK" page has fifteen (15) links to external stylesheets. I'd say that somebody, somewhere is stepping on someone else's toes.

Personally, I'd remove all the links except the navigation link and see how that works. Then I'd add in another CSS link until I find the one that breaks the navigation.
0
What Kind of Coding Program is Right for You?

There are many ways to learn to code these days. From coding bootcamps like Flatiron School to online courses to totally free beginner resources. The best way to learn to code depends on many factors, but the most important one is you. See what course is best for you.

 

Author Comment

by:jeremyll
ID: 35023223
@Badots: good tip.

I tried that. I deleted all the children items under 'Sample curriculum content' pasted the children elements from 'Access information' and the styling worked fine!

??
0
 

Author Closing Comment

by:jeremyll
ID: 35023328
Helped solve my problem. Had lots of &ampnbsp; in the xsl file.
0
 
LVL 29

Expert Comment

by:Badotz
ID: 35024012
Grade "B"? Was I bad?
0
 

Author Comment

by:jeremyll
ID: 35024039
I could give you an A, do you knwo how to change this?  :-)
0
 
LVL 29

Expert Comment

by:Badotz
ID: 35024232
I just wanted to know your thinking - it really doesn't matter.

You took my advice, and it led you to a solution.

Perhaps think twice next time, and if you really feel the effort wasn't worth it, talk to the expert. Figure out how to make things right.

After all, we don't get paid - we only get the odd T-shirt. Your praise is why we're here ;-)
0

Featured Post

What Kind of Coding Program is Right for You?

There are many ways to learn to code these days. From coding bootcamps like Flatiron School to online courses to totally free beginner resources. The best way to learn to code depends on many factors, but the most important one is you. See what course is best for you.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Finding original email is quite difficult due to their duplicates. From this article, you will come to know why multiple duplicates of same emails appear and how to delete duplicate emails from Outlook securely and instantly while vital emails remai…
Ever visit a website where you spotted a really cool looking Font, yet couldn't figure out which font family it belonged to, or how to get a copy of it for your own use? This article explains the process of doing exactly that, as well as showing how…
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…
This Micro Tutorial will demonstrate how nuggets on the Web are formatted by using Chrome Developer Tools. These tools would not only view the site's CSS but it can also modify it and save the CSS to use on your own site.

589 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