سؤال

Hello I am currently teaching myself php, and I am having trouble with the logo at the top of my page. I have checked my CSS a couple of times, but clearly this setting is beyond my knowledge. The banner should be 952 pixels wide and its not.

http://omnigame.tv/forums/

You can see the banner is cut in half. Thought the problem was in this code. Could be wrong though:

#logo {
float: left;
width: auto;
padding: 10px 13px 0 10px;
}

Tried changing width to the size I wanted didnt work

Also tried this one:

.logo {
background-image: url("{T_THEME_PATH}/images/logo.png");
width: 952px;
height: 117px;
margin-top: 1px;
}

Changing either of them still resulted in a bad banner.

هل كانت مفيدة؟

المحلول

I think you've got two elements limiting the size of the banner .logo as you suggest above, but also .logo-bg which is currently:

.logo-bg {
    background-image: url("./styles/darkfx/theme/images/logo-bg.png");
    width: 523px;
    height: 117px;
    margin-top: 1px;
}

Remove the width restriction from that and .logo and you get the full image.

مرخصة بموجب: CC-BY-SA مع الإسناد
لا تنتمي إلى StackOverflow
scroll top