Skip to main content
jacko34106721
jacko34106721
Participant
December 18, 2016
Answered

CSS becoming unlinked to pages.

  • December 18, 2016
  • 1 reply
  • 791 views

My CSS( UrForSale.css :at

http://intermediaprojects.org/css/UrForSale.css

worked perfectly and then not. The problems began when I made a new page at- http://intermediaprojects.org/pages/Debussy2.html

    Debussy: Nuages     and made a new specific CSS

http://intermediaprojects.org/css/Debussy.css

-  Then mistakenly unattached UrForSale.css and had to reattach it-  It stopped working- I then notice the Debussy.css was listed as a URL at the top of the CSS page- I removed it and it works on Chrome- but not in Firefox or Safari- and not in Dreamweaver. Can you help me?

This topic has been closed for replies.
Correct answer BenPleysier

The CSS works fine, that is not the problem.

If you view both documents side by side, you will notice that the Debussy2 document is structured differently to the home page.

For instance in index.html the navbar starts on line 30, the other document the navbar is on line 97. In other words, it is a complete mix-up.

In both case, the start of the document should be the same and based on index.html.

1 reply

BenPleysier
Community Expert
BenPleysierCommunity Expert
Community Expert
December 18, 2016

Sorry, this old fella can't make heads or tails of what the problem is. When I go to Debussy: Nuages  everything works fine.

Please elaborate what it is that is not working on that page. No need to show the CSS as I can see that online.

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
jacko34106721
jacko34106721Author
Participant
December 18, 2016

Hi Ben- I had checked the CSS with WSC CSS. It all came out OK- then I created another CSS where I made the CSS rules again- and now it works. I have no idea what happened. Now with Debussy2.html there  is a problem with logo in the upper right corner- it is placed too high- and I cannot seem to correct it. It works on every other page.

Nancy OShea
Community Expert
Nancy OSheaCommunity Expert
Community Expert
December 18, 2016

You're using completely different code on your Donate page than your Debussy2 page.  So why don't you revert  to the one that's working properly and use that as the basis for your other pages?

Also, it's a good idea to build one layout you like and stick with it for the rest of your site. You should not be creating new source code and style sheets for individual pages. It's counterproductive and inefficient to work that way.

One final bit of advice.  Fix your HTML errors before they become bigger problems.

Showing results for http://intermediaprojects.org/pages/Debussy2.html - Nu Html Checker

Showing results for http://intermediaprojects.org/pages/Donate.html - Nu Html Checker

If you're using CC 2017, it has a very nice feature that tells you if your HTML code is error free or not.

Error free code is denoted by a green check mark in a circle.  If you have errors, you will see a red X in a circle.

Nancy

Nancy O'Shea— Product User & Community Expert
Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices