Tue, 2011-06-28 13:59
Hello,
I am using a template but i dont know what i am doing wrong. The logo is 1000 width and 150 high
Can somebody tell me what i am doing wrong with the setting. I have added the header settings. I also added the logo.
#ja-header {
line-height: normal;
position: relative;
z-index: 999;
margin-bottom: 20px;
}
#ja-header .main {
height:150px;
min-height:150px;
background-color: #D1E8ED;
}
#ja-header .inner {
padding: 0px;
}
h1.logo, div.logo-text {
margin: 0 0 5px;
padding: 0;
float: left;
position: absolute;
top: 10px;
left: 20px;
}
h1.logo a {
width: 1000px;
height: 150px;
display: block;
background: url(../images/logo.png) no-repeat center center;
}
h1.logo a span {
position: absolute;
top: -1000px;
}
div.logo-text {
outline: none;
}
div.logo-text h1 {
font-size: 250%;
font-weight: bold;
letter-spacing: 2px;
margin: 0 0 0 15px;
padding: 0;
}
div.logo-text h1 a {
color: #FFFFFF;
text-transform: uppercase;
}
div.logo-text h1 a:hover,
div.logo-text h1 a:focus,
div.logo-text h1 a:active {
text-decoration: none;
}
.site-slogan {
color: #FFFFFF;
margin: -5px 0 0 15px;
padding: 0;
letter-spacing: 1.5px;
}
I really hope somebody can tell me what i am doing wrond. The site is www.mando-control.es
with kind regards,
remco
Tue, 2011-06-28 17:36
#1
According to the link you
According to the link you posted, you don't have the background image in the CSS
h1.logo a { display: block; height: 150px; width: 1000px; }
Tue, 2011-06-28 18:56
#2
Deuce, are you looking at
Deuce, are you looking at Firebug? It won't show bad properties. I think the image's url is bad, "url(../images/logo.png)", unless the complete address is http://www.mando-control.es/templates/system/css/images.logo.png
and, it's not
The requested URL /templates/system/css/images/logo.png was not found on this server.
@ OP: Where is the image actually stored?
cheers,
gary
Tue, 2011-06-28 19:39
#3
Gary, good catch, you were
Gary, good catch, you were correct, looking at Firebug.
Code in CSS is
h1.logo a { width: 1000px; height: 150px; display: block; background: url(../images/logo.png) no-repeat absolute; }
'absolute' is not an attribute for the background property.
If you were to use the code in your example above, it should work just fine as background: url(../images/logo.png) no-repeat center center;