Solved

Bizarre HTML/CSS behaviour

Posted on 2011-03-02
8
361 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 500 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
Netscaler Common Configuration How To guides

If you use NetScaler you will want to see these guides. The NetScaler How To Guides show administrators how to get NetScaler up and configured by providing instructions for common scenarios and some not so common ones.

 

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

DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

Question has a verified solution.

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

SSL stands for “Secure Sockets Layer” and an SSL certificate is a critical component to keeping your website safe, secured, and compliant. Any ecommerce website must have an SSL certificate to ensure the safe handling of sensitive information like…
This article discusses four methods for overlaying images in a container on a web page
In this tutorial viewers will learn how to embed an audio file in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: : The declaration should display (CODE) HTML5 is supported by the most recent versions of all major browsers…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

810 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