Solved

CSS problems

Posted on 2004-04-24
3
256 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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

NFR key for Veeam Backup for Microsoft Office 365

Veeam is happy to provide a free NFR license (for 1 year, up to 10 users). This license allows for the non‑production use of Veeam Backup for Microsoft Office 365 in your home lab without any feature limitations.

Question has a verified solution.

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

Now that Expression Web 4.0 (http://www.microsoft.com/expression/products/Upgrade.aspx) is free if you buy or have the full version of Expression Web 3.0, now is the best time to  migrate from FrontPage to Expression Web (http://www.frontpage-to-exp…
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 update a WordPress Site’s version. WordPress releases new versions of its software frequently and it is important to update frequently in order to keep your site secure, and to get new WordPress…

617 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