Need help! I want to add an image with CSS

Hi!

I'm just designing a wordpress template at:

http://janwei.startlogic.com/testblog/

Now i want to place an image left next to the content part to make it look like the pink color is flowing down a little more.

How do i add this image? I tried it with this code:

#header Image1 {
position:absolute;
right:22px;
top: 450px;
width:36px;
height:142px;
background-image: url(images/bckimage1.gif)

 

You need to make Image1 into a class in your css and html.

<div id="header">
<h1><a href="http://janwei.startlogic.com/testblog/">mygroovez</a></h1>
<p>Just another WordPress weblog</p>
<div class="Image1"></div>
</div>

HTML:

[FONT=monospace]
[/FONT]#header .Image1 {
         position:absolute;
         right:22px;
         top: 450px;
         width:36px;
         height:142px;
         background-image: url(images/bckimage1.gif)
}

Code (markup):

Note the period before Image1. Since Image1 isn't an html element (h1, p, img, etc.), you need to make a class to define it.

 

Works great. Thanks.

 

I have another question: Can you tell me how to link this picture?

 

whizkid has it linked in his example

 

no, he didn't link it. He just uses the link to define the image. What i need is to make the image a link. So when someone clicks the image he comes to another page.