Go Premium for a chance to win a PS4. Enter to Win

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 272
  • 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

Cheers
Lesley
0
lesleyag
Asked:
lesleyag
  • 2
1 Solution
 
bitter_chickenCommented:
Whoops! Check the capitalization on the id="logo" and #Logo (make the L's the same case)

Hehe... 250 points please

:-) bc
0
 
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
Lesley
0
 
bitter_chickenCommented:
gasp! a 'B' grade? What did I do wrong (for future reference)

bc ;-)
0

Featured Post

Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

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