External CSS ID selector not working

Question 1

The titleImage ID is for the <div> surrounding the image, not the image itself. At the moment, you are trying to find an element with a #titleImage selector inside an image tag.

For the titleLink, the ID is the element, so you can do this instead:

a#titleLink { ... }

However, you'd typically only have one ID on a page, so you could just target the title link by doing this:

#titleLink { ... }

The webpage title should be working as intended. However, I'd still recommend just using the ID. An element with relative positioning doesn't really appear different unless you've given it some style declarations:

#webpageTitle {
    position: relative;
    top: 10px;
    left: 10px;
}

Hope that helps.

Question 2

Remove the space in the selector.

img #titleImage means: any element with id titleImage and an <img> element as ancestor img#titleImage means: an <img> element with id titleImage. That's what you want.

Question 3

get rid of the space between the tag type and the id. So and make the rules:

img#titleImage {
    position:absolute;
    top:0px;
    right:0em;
}

a#titleLink { text-decoration: none}

h1#webpageTitle {
    position:relative;
}

What you have is saying "the element with an ID titleImage that id a child of an image tag, etc.

Since you are using IDs, its not necessary to even include the tag type (a, img) in front of the ids.

Question 4

There shouldn't be any spaces in front of id so the code should be:

img#titleImage {
    position:absolute;
    top:0px;
    right:0em;
    }
a#titleLink { text-decoration: none}

h1#webpageTitle {
    position:relative;
   }

Question 5

Remove all your capital letters, it doesn't work with capitals.

So instead of titleLink, and titleImage, write titlelink and titleimage.

That should fix it, it fixed it for me.