Sign Up! Login: Password: New User? Forgot? Support
Top Mods!
Wowhead Search
by sonofsamedi
Digital Clock
by Wolfar15
Admin Forums
Welcome to the GuildPortal Help Community! These forums are for admin-to-admin help.
Available Forums
Forums : Pimp My Site! > help with background images
Marcelus_ (New Admin) 7/15/2009 2:24 AM EST : help with background images

Marcelus_
Posts: 26
Becoming Adept!

here is my site http://www.guildportal.com/Guild.aspx?GuildID=49102&TabID=430859 now the problem im having is with the tab bar, i cant get the background image to stay in the same position no matter the resolution (you wont be able to tell unless your monitor goes over 1280 resolution) i would appreciate any help. currently i am trying to use the floater image option, in the control panel, and then messing with custom css. but even though its enabled the default control customizing seems to be overwriting custom css for floater images.
TopBottom

Mottie (MVP) 7/15/2009 3:50 AM EST : RE: help with background images
GuildPortal MVP
Mottie
Posts: 3883
Zomgawsh Poster

Hi Marcelus!

I think it might be better if you didn't use a floating image to add your tab background. Instead, add the image to the Pagewrapper... so try this:

Get rid of this Footer HTML and Custom CSS:
<img id="ctl00_ContentPlaceHolder1_floaterImage" class="bgFloaterImage" src="http://www.axiomfiles.com/Files/49102/tabbackgroundfloater.jpg" style="border-width:0px;" />

.bgFloaterImage{background: url('http://www.axiomfiles.com/Files/49102/tabbackgroundfloater.jpg');position:absolute;left:310px;top:376px;z-index:-1;}
.PageWrapper {text-align:center;margin-left:auto;margin-right:auto;z-index:2;width:1280px;}
.TabBar {-moz-border-radius:2px;-webkit-border-radius:2px;margin:0;padding:0 1px 0 0;}
table.TabBar {border: 0px;margin: 0px left;padding: 0px;width:100px;margin-left;margin-right;}
Replace it with this:
.TabBar {width:100px; margin-left:0px; margin-right:auto;}
.PageWrapper {background: url('http://www.axiomfiles.com/Files/49102/tabbackgroundfloater.jpg') no-repeat center 368px; width:1280px; text-align:center; margin-left:auto; margin-right:auto;}
The value in red is the number of pixels from the top of the page to where your tab background image is located. On IE it looks fine at 370px, but on Firefox the line appears under the current tab... I didn't think you wanted to show the line there so I adjusted it as needed. I guess what I'm saying is, adjust that number to your liking LOL.
TopBottom

Marcelus_ (New Admin) 7/15/2009 6:53 PM EST : RE: help with background images

Marcelus_
Posts: 26
Becoming Adept!

thanks Mottie! its weird the pixel distance is different because i am using firefox also and 370 is right on for me.
TopBottom

Admins Online
There are   members online.
So-and-so has logged on!
%title%
%message%