Forums » Community Server 2008 » Developers » Header Image overflow to Navigation Bar

Header Image overflow to Navigation Bar

rated by 0 users
Answered (Verified) This post has 1 verified answer | 4 Replies | 2 Followers

andrevs
Top 75 Contributor
300 Posts
Points 4,390
Reply | Contact
By: andrevs
Posted: Sun, Jun 29 2008 4:51 AM

Hi

I made my Navigation Bar bar Transparent and would like my Header's background image to overlow to my navigation bar;

I've tried

#CommonHeader
{
     background-repeat: no-repeat;
     overflow: visible;
}

#CommonHeaderTitleArea
{
     background-repeat: no-repeat;
     overflow: visible;
}

But it does not work...any ideas?

 

 
  • Post Points: 20 |

Answered (Verified) Verified Answers

Nick
Top 10 Contributor
2,419 Posts
Points 19,465
MVPs
Reply |Contact
Answered (Verified) By: Nick
Posted: Sun, Jun 29 2008 8:23 AM In reply to

Can't be done as the CommonNavigation does not reside in the commom header, so background images cannot overflow.

You could try



#CommonNavigation
{
    background: transparent url(xxx) ... [left|center|right] -100px; 
}

that -100px shifts the background image up, so set that to the height of the common header, which is usually 100px; (but negative)

Nick - nb development

 
Answered (Verified)
  • Post Points: 20 |

All Replies

Nick
Top 10 Contributor
2,419 Posts
Points 19,465
MVPs
Reply |Contact
Answered (Verified) By: Nick
Posted: Sun, Jun 29 2008 8:23 AM In reply to

Can't be done as the CommonNavigation does not reside in the commom header, so background images cannot overflow.

You could try



#CommonNavigation
{
    background: transparent url(xxx) ... [left|center|right] -100px; 
}

that -100px shifts the background image up, so set that to the height of the common header, which is usually 100px; (but negative)

Nick - nb development

 
Answered (Verified)
  • Post Points: 20 |
andrevs
Top 75 Contributor
300 Posts
Points 4,390
Reply |Contact
By: andrevs
Posted: Sun, Jun 29 2008 8:46 AM In reply to

Thanks Nick.

-100px did not do the trick;

I am also trying not to tile (repeat) the normal background image.

I could do this for the Header...but where in the CSS do I control the page background?

 
  • Post Points: 20 |
Nick
Top 10 Contributor
2,419 Posts
Points 19,465
MVPs
Reply |Contact
By: Nick
Posted: Sun, Jun 29 2008 9:19 AM In reply to

Hmm that should of worked.



body { background: xxx; }
will put it in the body of the page.  You'll need to set common navigation and header to be transparent

Nick - nb development

 
  • Post Points: 20 |
andrevs
Top 75 Contributor
300 Posts
Points 4,390
Reply |Contact
By: andrevs
Posted: Sun, Jun 29 2008 1:09 PM In reply to

Nick:
Hmm that should of worked

Sorry, my typing error...It did work.

Thanks for the help

 
  • Post Points: 5 |
Page 1 of 1 (5 items) | RSS
Powered by Community Server (Commercial Edition), by Telligent Systems

Copyright© 2008 Telligent Systems Inc. All rights reserved
CommunityServer.com  •  Telligent.com