The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Header Wrap Problem

Page 1 of 2 1, 2  Next

View previous topic View next topic Go down

Solved Header Wrap Problem

Post by bcNecro on November 23rd 2010, 5:14 am

Hi, im having a problem with my main header logo. I have this image (http://i60.servimg.com/u/f60/15/90/24/28/main-w11.png), in the header section, but I do not want it to have the gray wrap background. Is there anyway to get the wrap to start at the navigation bar, so it looks like the main logo is floating above it???

here is the site link: badcan.canadian-forum.com

Thank you for the help! greatly apprieciated

bcNecro
New Member

Posts : 20
Reputation : 0
Language : English

Back to top Go down

Solved Re: Header Wrap Problem

Post by bcNecro on November 23rd 2010, 12:57 pm

shamless self bump

bcNecro
New Member

Posts : 20
Reputation : 0
Language : English

Back to top Go down

Solved Re: Header Wrap Problem

Post by Plancker on November 23rd 2010, 8:17 pm

Try to add this in css
Code:
#wrap {
padding-top: 50px
 }
change 50px to the value needed

NOT TESTED

Plancker
Forumember

Posts : 226
Reputation : 11
Language : Dutch, English

Back to top Go down

Solved Re: Header Wrap Problem

Post by bcNecro on November 23rd 2010, 8:33 pm

@Plancker wrote:Try to add this in css
Code:
#wrap {
padding-top: 50px
 }
change 50px to the value needed

NOT TESTED

Thank you for the quick reply, but this did not help me. I tried that code and what it does it just add more space above the main logo, actually making the wrap higher. I am hoping there is a way to completely remove the wrap from the header, and therefore make it start above the navigation bar. There must be a code you can add they will remove the #wrap, from the .headerbar.

Check out badcan.canadian-forum.com to see where the navigation bar is, and now picture the background wrap to start there.

Thank you!

bcNecro
New Member

Posts : 20
Reputation : 0
Language : English

Back to top Go down

Solved Re: Header Wrap Problem

Post by Plancker on November 23rd 2010, 8:48 pm

Code:
#wrap {
background-color: #1A1A1A;
border: 1px none #1A1A1A;
border-bottom-left-radius: 10px 10px;
border-bottom-right-radius: 10px 10px;
border-top-left-radius: 10px 10px;
border-top-right-radius: 10px 10px;
margin: 0px auto;
min-width: 1134px;
padding: 25px;
width: 70%;
}

add this

Plancker
Forumember

Posts : 226
Reputation : 11
Language : Dutch, English

Back to top Go down

Solved Re: Header Wrap Problem

Post by bcNecro on November 23rd 2010, 10:29 pm

@Plancker wrote:
Code:
#wrap {
background-color: #1A1A1A;
border: 1px none #1A1A1A;
border-bottom-left-radius: 10px 10px;
border-bottom-right-radius: 10px 10px;
border-top-left-radius: 10px 10px;
border-top-right-radius: 10px 10px;
margin: 0px auto;
min-width: 1134px;
padding: 25px;
width: 70%;
}

add this

The added the code to my css but it actually didnt change anything, it still looks the same. could it be because I have phpBB3?

bcNecro
New Member

Posts : 20
Reputation : 0
Language : English

Back to top Go down

Solved Re: Header Wrap Problem

Post by Plancker on November 23rd 2010, 10:50 pm

Code:
#wrap {
background-color: #1A1A1A;
border: 1px none #1A1A1A;
border-bottom-left-radius: 10px 10px;
border-bottom-right-radius: 10px 10px;
border-top-left-radius: 10px 10px;
border-top-right-radius: 10px 10px;
margin: 0px auto;
margin-top:50px;
min-width: 1134px;
padding: 25px;
width: 70%;
}

this one maybe

Plancker
Forumember

Posts : 226
Reputation : 11
Language : Dutch, English

Back to top Go down

Solved Re: Header Wrap Problem

Post by bcNecro on November 23rd 2010, 11:04 pm

Still the same problem, I've pretty much tried everything in the #wrap section of the css, cud it be somthing in the .headerbar?

bcNecro
New Member

Posts : 20
Reputation : 0
Language : English

Back to top Go down

Solved Re: Header Wrap Problem

Post by Plancker on November 23rd 2010, 11:09 pm

you can try that but I give up somebody with more experience should try

Plancker
Forumember

Posts : 226
Reputation : 11
Language : Dutch, English

Back to top Go down

Solved Re: Header Wrap Problem

Post by bcNecro on November 24th 2010, 2:40 am

Can someone please help me!!! lmaoo bump

bcNecro
New Member

Posts : 20
Reputation : 0
Language : English

Back to top Go down

Solved Re: Header Wrap Problem

Post by bcNecro on November 24th 2010, 3:31 pm

bump

bcNecro
New Member

Posts : 20
Reputation : 0
Language : English

Back to top Go down

Solved Re: Header Wrap Problem

Post by Guest on November 24th 2010, 3:34 pm

May I remind you that double/triple posting isn't tolerated unless separated by 24 hours (Use the edit button) Wink

So as i know.. you want to have the logo our of the forum body? (:

Guest
Guest


Back to top Go down

Solved Re: Header Wrap Problem

Post by bcNecro on November 24th 2010, 3:37 pm

yes, sorry about the double posting

or if its possible add a <div> at the top of the page with the logo, I just dont want the background wrap to be around the logo


bcNecro
New Member

Posts : 20
Reputation : 0
Language : English

Back to top Go down

Solved Re: Header Wrap Problem

Post by Guest on November 24th 2010, 3:54 pm

hmm.. try this in your CSS (:
Code:

.i_logo {position:absolute;
            top:100px;}

if not works, give me ur forum link..

Guest
Guest


Back to top Go down

Solved Re: Header Wrap Problem

Post by bcNecro on November 24th 2010, 4:09 pm

Unfortunately is didn't work, here is the forum url

badcan.canadian-forum.com

bcNecro
New Member

Posts : 20
Reputation : 0
Language : English

Back to top Go down

Solved Re: Header Wrap Problem

Post by Guest on November 24th 2010, 4:10 pm

ok change the code above from .i_logo to #logo (:

Guest
Guest


Back to top Go down

Solved Re: Header Wrap Problem

Post by bcNecro on November 24th 2010, 4:16 pm

Im not sure if Im putting it in right, is it like this?

Code:
#logo {
   float: none;
   padding: 5px;
        position: absolute;
        top: 100px;
   }

bcNecro
New Member

Posts : 20
Reputation : 0
Language : English

Back to top Go down

Solved Re: Header Wrap Problem

Post by Guest on November 24th 2010, 4:17 pm

why there is :
Code:

float: none;
  padding: 5px;

Guest
Guest


Back to top Go down

Solved Re: Header Wrap Problem

Post by bcNecro on November 24th 2010, 4:19 pm

Thats what was there from before should I remove this?

bcNecro
New Member

Posts : 20
Reputation : 0
Language : English

Back to top Go down

Solved Re: Header Wrap Problem

Post by Guest on November 24th 2010, 4:19 pm

Yah try (:

Guest
Guest


Back to top Go down

Solved Re: Header Wrap Problem

Post by bcNecro on November 24th 2010, 4:21 pm

Ok so my code under #logo now looks like this

Code:
#logo {
            position:absolute;
            top:100px;
            }

but my page looks like this: badcan.canadian-forum.com

bcNecro
New Member

Posts : 20
Reputation : 0
Language : English

Back to top Go down

Solved Re: Header Wrap Problem

Post by Guest on November 24th 2010, 4:24 pm

Oh i see Sad
try delete this part from your CSS:
Code:

.headerbar {
   background-color: #;
   background-image: url('http://illiweb.com/fa/empty.gif');
   margin-bottom: 4px;
   padding: 0pt 5px;
   background-repeat: repeat-x;
height: 345px;
top-margin: 40px;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
   }

Guest
Guest


Back to top Go down

Solved Re: Header Wrap Problem

Post by bcNecro on November 24th 2010, 4:26 pm

aww man, we are soooo close,

check it out: badcan.canadian-forum.com

bcNecro
New Member

Posts : 20
Reputation : 0
Language : English

Back to top Go down

Solved Re: Header Wrap Problem

Post by Guest on November 24th 2010, 4:28 pm

No we are not Very Happy its the same, and worst Very Happy
if it was phpbb2 or punbb we was done Sad xD

Guest
Guest


Back to top Go down

Solved Re: Header Wrap Problem

Post by bcNecro on November 24th 2010, 4:29 pm

sorry check now, shud I just switch my forum to that?

can we just push the body down now?

bcNecro
New Member

Posts : 20
Reputation : 0
Language : English

Back to top Go down

Solved Re: Header Wrap Problem

Post by Guest on November 24th 2010, 4:30 pm

okay in the #wrap code add this part:
Code:

margin-top: 200px;

and change the 200px to make it fits (:

Guest
Guest


Back to top Go down

Solved Re: Header Wrap Problem

Post by bcNecro on November 24th 2010, 4:34 pm

my friend you are a genius!! but is there also a code that allows me to move the logo from left to right? because it just a little to the right of center

bcNecro
New Member

Posts : 20
Reputation : 0
Language : English

Back to top Go down

Solved Re: Header Wrap Problem

Post by Guest on November 24th 2010, 4:35 pm

ACP - Display - Homepage - Headers & Navigation - Logo positioning : did that works xD?

and NP ;D

Guest
Guest


Back to top Go down

Solved Re: Header Wrap Problem

Post by bcNecro on November 24th 2010, 4:38 pm

unfortunately that doesnt work, I think its because we changed the #logo position to absolute, can I not just put a code under it with like margin-left: 50px?

bcNecro
New Member

Posts : 20
Reputation : 0
Language : English

Back to top Go down

Solved Re: Header Wrap Problem

Post by Guest on November 24th 2010, 4:40 pm

u can use margin-left yes:
but try margin-left: 0 auto; and margin-right: 0 auto; and add this code too
overflow:hidden;

hope that's help Very Happy

Guest
Guest


Back to top Go down

Page 1 of 2 1, 2  Next

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum