Solved

Bizarre HTML/CSS behaviour

Posted on 2011-03-02
8
364 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
Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 

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

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

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

When it comes to write a Context Sensitive Help (an online help that is obtained from a specific point in state of software to provide help with that state) ,  first we need to make the file that contains all topics, which are given exclusive IDs. …
Originally, this post was published on Monitis Blog, you can check it here . Websites are getting bigger and more complicated by the day. Video, images and custom fonts are all great for showcasing your product or service. But the price to pay in…
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…
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…

726 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