lesleyag
asked on
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
#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
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
gasp! a 'B' grade? What did I do wrong (for future reference)
bc ;-)
bc ;-)
ASKER
Cheers and many thanks
Lesley