Solved

CSS problems

Posted on 2004-04-24
3
230 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

Microsoft Certification Exam 74-409

Veeam® is happy to provide the Microsoft community with a study guide prepared by MVP and MCT, Orin Thomas. This guide will take you through each of the exam objectives, helping you to prepare for and pass the examination.

Question has a verified solution.

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

Suggested Solutions

When deciding to adopt any help desk solutions many factors should be explored before taking decisions. This will change from business to another but in general there are some kind of rule of thumb. Here are some quick tips: Do we need only ticket…
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…
The purpose of this video is to demonstrate how to Test the speed of a WordPress Website. Site Speed is an important metric of a site’s health. Slow site speed can result in viewers leaving your site quickly and not seeing your content. This…
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…

777 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