Hello all
I'm having trouble adding a picture to my wordpress header. Specifically to the .header right. I'm sure it has something to do with the image sizing but I don't know how to make it work. Right now the image size is 192 x 125, but when I uploaded it the image properties show 192 x 30??? I would also like to remove any borders from the image so it blends into the theme backround properly. Any help would be greatly appreciated!
Here is the site: provenhemorrhoidtreatment.com.
The alt text shows up and it is clickable, but no pic??? Here is what I have in my stylesheet css:
Code:
img.alignright {
padding: 4px;
float: right;
margin-top: 10px;
margin-left: 10px;}
img.center {
padding: 4px;
display: block;
margin: 5px auto;
clear: both;}
h1, h2, h3, h4, h5, h6 {
font-family: "Trebuchet MS", "Times New Roman", Tahoma;
text-transform: capitalize;
letter-spacing: -1px;
}
#wrapper {
width: 900px;
margin-right: auto;
margin-left: auto;}
#header a img{border:0} {
float: left;
width: 900px;
padding-top: 6px;
position: relative;
background-image: url(http://provenhemorrhoidtreatment.com.../07/hemorrhoid treatment medical.jpg);background-repeat: no-repeat; background-position: center;}
#header img {
border-width: 390px;}
.header-left {
float: left;
width: 390px;
padding-top: 10px;
padding-bottom: 20px;}
.header-left h1 {
font-size: 25px;
margin: 0px;
padding: 0px;
float: left;
width: 390px;
color: #000000;
line-height: 30px;}
.header-left h1 a {
color: #000000;
text-decoration: none;}
.header-left h1 a:hover {
color: #990000;
text-decoration: none;}
.header-left p {
font-size: 15px;
font-weight: bold;
margin: 0px;
padding: 0px;
float: left;
width: 390px;
line-height: 18px; color: #333333;}
.header-right {
float: right;
width: 500px
background-image: url('http://provenhemorrhoidtreatment.com/wp-content/uploads/2009/07/hemorrhoid treatment medical.jpg');background-repeat: no-repeat; background-position: center;}