• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 274
  • Last Modified:

CSS problems

I am a newbie to CSS but getting there, albeit slowly.  I have a background image, repeating down the y-axis and that is working fine.  I want to display my logo in the top left hand corner and have used this in the style sheet:

#Logo {
background-image: url(images/mod_ixcel.gif);
background-repeat: no-repeat;
position: absolute;
top: 1px;
left: 2px;
width: 140px;
height: 80px;
z-index: 1;
overflow: visible;
visibility: visible;
display: block;}

I have probably used a few things experimenting whilst trying to solve the problem.  

I reference the code in my HTML page:

<div id="logo"></div>

It appears in the design view (Dreamweaver MX) but when I preview in the browser, the logo is nowhere to be seen.  Can anyone tell me what I am doing wrong and how to correct the problem

  • 2
1 Solution
Whoops! Check the capitalization on the id="logo" and #Logo (make the L's the same case)

Hehe... 250 points please

:-) bc
lesleyagAuthor Commented:
Who would have thought that eh???  but it was indeed the problem!  I will add it to the list of "do not do's"

Cheers and many thanks
gasp! a 'B' grade? What did I do wrong (for future reference)

bc ;-)
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Get 10% Off Your First Squarespace Website

Ready to showcase your work, publish content or promote your business online? With Squarespace’s award-winning templates and 24/7 customer service, getting started is simple. Head to Squarespace.com and use offer code ‘EXPERTS’ to get 10% off your first purchase.

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now