...

View Full Version : Putting up a header image



sweeming
04-10-2011, 05:07 PM
I have this css template where I'm trying to put an image in for the title but can't seem to get it to work. Here's the code I'm working with:


* { padding: 0; margin: 0; }

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}
#wrapper {
margin: 0 auto;
width: 922px;

}
#header {

<img src="DATUlogo.jpg" width="945" height="99" align="right">

}
#leftcolumn {
color: #333;
border: 1px solid #ccc;
background: #CCFF33;
margin: 0px 5px 5px 0px;
padding: 10px;
height: 350px;
width: 195px;
float: left;
}
#rightcolumn {
float: right;
color: #333;
border: 1px solid #ccc;
background: #F2F2E6;
margin: 0px 0px 5px 0px;
padding: 10px;
height: 350px;
width: 678px;
display: inline;
}
#footer {
width: 900px;
clear: both;
color: #333;
border: 1px solid #ccc;
background: #669933;
margin: 0px 0px 10px 0px;
padding: 10px;
}

Appreciate the help.

Excavator
04-10-2011, 05:11 PM
Hello sweeming,
That is HTML you are putting in your CSS #header entry. If you want that image to be a background of your header, try it like this -



#header {
height: 99px;
width: 945px;
background: url(DATUlogo.jpg);
}


CSS backgrounds here (http://www.w3schools.com/css/css_background.asp).



,

sweeming
04-10-2011, 05:16 PM
Hello sweeming,
That is HTML you are putting in your CSS #header entry. If you want that image to be a background of your header, try it like this -



#header {
height: 99px;
width: 945px;
background: url(DATUlogo.jpg);
}


CSS backgrounds here (http://www.w3schools.com/css/css_background.asp).



,

Thanks, that works great!



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum