Jump to content
Sign in to follow this  
mrjarbenne

Banner CSS to Extend across x-axis

Recommended Posts

mrjarbenne    1
mrjarbenne

I've uploaded a banner on my Pagelines Framework blog which is floating nicely in the centre of the site, but I would like to repeat a small portion of it along the x-axis in order for the banner to seemingly travel across the entire browser window regardless of the size of the monitor or browser window. You can see the site here: http://learning.commons.hwdsb.on.ca . As you can see, if I could take 10px width of the right-hand side of that banner and have it repeating behind the banner, it would look like the banner wraps the entire width of the site. Thoughts?

Share this post


Link to post
Share on other sites
catrina    103
catrina
Maybe I'm not understanding what exactly you're trying to achieve. Would it be possible to put together some kind of simple mock-up with labels showing what you'd like (or better yet, provide a link to an example)?

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
mrjarbenne    1
mrjarbenne
I left this far too long (too many projects on the go), but if you're still willing to help @catrina the header image on bbpress.org does a nice job of this. It's this image: http://screencast.com/t/hOIXOlUy that I want to repeat on the x-axis on this site: http://learning.commons.hwdsb.on.ca.

Share this post


Link to post
Share on other sites
Danny    1,327
Danny
Hi, You can add the code below to your custom CSS but you will need to increase the image size slightly, you will see what I mean when you add the code and refresh your page. [code]#branding .texture { background: url(http://content.screencast.com/users/mrjarbenne/folders/Jing/media/6ef3ae98-e8a0-4852-a9dd-169d83920cd3/00000055.png) repeat-x 0 36px; }[/code]

Please search our forums, before posting!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×