The stylesheet link for "contact.css" is unresponsive

Question

I have been reorganizing my website portfolio by categorizing CSS, images, and other files into different folders.

<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/contact.css">

However, I am facing an issue where certain DIV elements from my CSS file cannot be loaded when they are placed inside directories.

One of the problematic DIVs is as follows:

#contact-form-wrap {
    width: 1024px;
    margin: 0 auto;
    background: url('img/form-bg.png')  no-repeat;
    min-height: 768px;
}

Is there a solution to this problem? Everything else loads correctly except for the aforementioned div.

Answer 1

Answer №1

Give this a shot...

#contact-form-wrap {
  width: 1024px;
  margin: 0 auto;
  background: url(../img/form-bg.png) no-repeat;
  min-height: 768px;
}

Answer 2

Give this a shot...

#contact-form-wrap {
  width: 1024px;
  margin: 0 auto;
  background: url(../img/form-bg.png) no-repeat;
  min-height: 768px;
}

Answer 3

Ensure that you are utilizing the ID attribute and not a class when referencing #contact-form-wrap. This is the primary issue to keep in mind.

For instance:

Wrong Implementation:

<div class="contact-form-wrap"></div>

Correct Usage:

<div id="contact-form-wrap"></div>

Answer 4

Ensure that you are utilizing the ID attribute and not a class when referencing #contact-form-wrap. This is the primary issue to keep in mind.

For instance:

Wrong Implementation:

<div class="contact-form-wrap"></div>

Correct Usage:

<div id="contact-form-wrap"></div>

Answer 5

Remember to include type="text/css" in your CSS declaration, as shown below:

<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/contact.css">

Answer 6

Remember to include type="text/css" in your CSS declaration, as shown below:

<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/contact.css">