3 replies [Last post]
mandocontrol
mandocontrol's picture
Offline
newbie
madrid
Last seen: 2 years 42 weeks ago
madrid
Timezone: GMT+2
Joined: 2011-06-28
Posts: 1
Points: 2

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

Deuce
Deuce's picture
Offline
Guru
Las Vegas, NV
Last seen: 51 weeks 2 days ago
Las Vegas, NV
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4422
Points: 1841

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;
}

all » http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 23 hours 9 min ago
Dallas
Timezone: GMT-5
Joined: 2004-06-25
Posts: 9048
Points: 3017

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

Quote:

The requested URL /templates/system/css/images/logo.png was not found on this server.

@ OP: Where is the image actually stored?

cheers,

gary

Unplanned code results in a tangled wad of brain-cramping confusion.

There are enough html & css demos and tutorials to be interesting. Please visit.

Deuce
Deuce's picture
Offline
Guru
Las Vegas, NV
Last seen: 51 weeks 2 days ago
Las Vegas, NV
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4422
Points: 1841

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;

all » http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph