Header Coding Help

[camaroboy]

I am buiding a Joomla website. Currently my logo and image in the header section are background images in the css file. I want to images to be in my html (php) file instead so that the images can have links and alt tags. I am having a hard time keeping the correct layout when I try to code this myself. My original css and php codes are as follows:

CSS:

#header {
float: left;
width: 776px;
height: 140px;
background: #fff url(../images/sc_header4.jpg) top right no-repeat;
}

#logo {
margin-left: 20px;
height: 140px;
background: url(../images/sc_title2.jpg) 0 50% no-repeat;
}

PHP:

<div id="header">
<div id="logo"></div>
</div>

Can someone help me change this coding that the header and logo images are in the PHP file instead of background css images?

[Madhu]

U may try this,

<div id="header">
<img src="../images/sc_header4.jpg" alt="image">
</div>
<div id="logo">
<img src="../images/sc_title2.jpg" alt="image">
</div>

[rocknbil]

Or, leave the CSS alone and use a 1x1 transparent spacer, this will reduce load time anyway and users can't do that right-click thingy:

<div id="logo"><a href="/"><img src="../images/spacer.gif" width="100" height="146" border="0" alt="This is my logo"></a></div>

The spacer still does have some use . . .