Help with CSS/HTML

Hi, most of my web design consists of using open-source templates (which I'm doing here) and adjusting or editing code that's already there, since I don't know how to do stuff from scratch. I'd like to put the file images/fence.gif up in the top area where the address/phone number is currently (image should be the right size to perfectly fit). I'm assuming I have to put some code in the HTML file as well as create a section in the CSS file, but I really don't know what to do. Any help is greatly appreciated. Thanks!

page: http://bellsouthpwp.net/b/u/budjordan/silverdollar/index.html
CSS file: http://bellsouthpwp.net/b/u/budjordan/silverdollar/template_style.css
image I'm talking about: http://bellsouthpwp.net/b/u/budjordan/silverdollar/images/fence.gif

 

In your css file, add the line:

Code:

background-image: url(fence.gif);

To the div#topbar { section so its like this:

Code:

div#topbar {
		height: 75px;
		font-family: trebuchet ms,arial,verdana;
		font-size: 8pt;
		font-weight: normal;
		text-align: left;
		padding-left: 25px;
		padding-top: 10px;
		color: #ffffff;
		letter-spacing: 1.1pt;
		border-bottom: 1px solid #ffffff;
		clear: left;
                background-image: url(fence.gif);
}

p.s. Make sure that fence.gif is in the same folder as your html page. (Or change the url accordingly).

 

Superb. Thanks a bunch. Since I take it that that shouldn't have been that hard for me to do, do you have a suggested link of some basic CSS tips? Thanks again.

 

http://www.w3schools.com/Css/css_intro.asp

I used this tutorial when I was first learning.