Skip to main content
C
camelbreath
Inspiring
November 12, 2021
Answered

Template CSS linking issue

  • November 12, 2021
  • 1 reply
  • 664 views

Windows 10  Dreameaver 21.2

 

Link to my erroneous page

 

This problem clearly demonstrates that I only know enough about HTML to be dangerous.

 

I attempted to open a page with the DW single page template and then began removing every thing that I did not want to make a simple page for a photographer friend who wants his proof sheet available to his clients on line. In DW, the cobbled together page looked fine. On line, it shows that it has no idea where to find its styling. 

 

I made sure the style sheet uploaded and even made a copy of it and uploaded it outside the CSS folder, all to no avail.

 

Can anyone tell me how to fix this, understanding my well documented lack of expertise?

Thanks to those who know more than me,

Joe

 

    This topic has been closed for replies.
    Correct answer B i r n o u

    your website is using HTTPS... so that means that all your linked ressources must be called using this protocol,  yet http://use.edgefonts.net/source-sans-pro:n2:default.js is using HTTP... so change it to https://use.edgefonts.net/source-sans-pro:n2:default.js

    that should help loading missing parts.

    in an other side, the CSS file seams to load correctly, except that all background images still point on ../images/ and as you relocated CSS to the root folder, you should change this path to /images/ only

     

    1 reply

    B i r n o u
    B i r n o uCorrect answer
    Legend
    November 12, 2021

    your website is using HTTPS... so that means that all your linked ressources must be called using this protocol,  yet http://use.edgefonts.net/source-sans-pro:n2:default.js is using HTTP... so change it to https://use.edgefonts.net/source-sans-pro:n2:default.js

    that should help loading missing parts.

    in an other side, the CSS file seams to load correctly, except that all background images still point on ../images/ and as you relocated CSS to the root folder, you should change this path to /images/ only

     

      C
      camelbreathAuthor
      Inspiring
      November 12, 2021

      Birnou, your timely advice was spot on. I deleted the CSS I put in the root folder so the page is finding its info in the right place.

      Thanks for your help,

      Joe

       

      C
      camelbreathAuthor
      Inspiring
      November 12, 2021

      The adventure continues, I want the small descriptive type in each unit to be darker so I wrote a simple CSS color rule:

      .darktype {
      color: #09313b;
      }

      and inserted it in the style sheet at a location that I thought would work. I assigned the rule to one of the text lines I want to be darker, but it does not work:

      <div class="thumbnail">
      <h2 class="stats">Arkansas River golden hour</h2>
      <h4><a href="chuck/arkansas-river-golden-hour.pdf">Click here to view&nbsp; or download</a></h4>
      <p class="darktype">Scenes at the Hwy. 79 Arkansas River Bridge</p>
      </div>

      Again demonstrating my lack of HTML expertise.

       

      Can you tell me where I have erred.

      Still grateful,

      Joe

       

       

      Terms & ConditionsAccessibility statement
      Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices