Solved

CSS problems

Posted on 2004-04-24
3
225 Views
Last Modified: 2010-04-07
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
Comment
Question by:lesleyag
  • 2
3 Comments
 
LVL 5

Accepted Solution

by:
bitter_chicken earned 250 total points
ID: 10911013
Whoops! Check the capitalization on the id="logo" and #Logo (make the L's the same case)

Hehe... 250 points please

:-) bc
0
 

Author Comment

by:lesleyag
ID: 10911321
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
 
LVL 5

Expert Comment

by:bitter_chicken
ID: 10911637
gasp! a 'B' grade? What did I do wrong (for future reference)

bc ;-)
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Nodejs not returning the response body as expected 4 133
Expression Web 4 the latest 3 86
Advanced Visual HTML Editor 2 84
graphic software 6 89
Introduction In this tutorial, I'll explain how to create an animated progress meter in a wireframe prototype developed using Axure RP 7.0 - a leading prototyping tool for designing web sites and software. (For more information about Axure and gett…
This guide will walk you through the essential considerations and tech stack for building scalable websites. Know how to grow your business the smart way!
The purpose of this video is to demonstrate how to add AdSense Ads to a WordPress Website, and how to set up WordPress to automatically place Ads in Sidebars. This will be demonstrated using a Windows 8 PC. Log into your AdSense account. : Cli…
The purpose of this video is to demonstrate how to integrate Mailchimp with Facebook. This will be demonstrated using a Windows 8 PC. Mailchimp and Facebook will be used. Log into your Mailchimp account. : Click on your name. Go to Account Setti…

863 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

21 Experts available now in Live!

Get 1:1 Help Now