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! > css problems with custom boxes
Lord Trist (New Admin) 4/8/2011 2:43 PM EST : css problems with custom boxes
Lord Trist
Posts: 907
Zomgawsh Poster

Hello ive recently added custom widget box borders to my center boxes *thanks to mottie* but ive had a couple of problems it seems that i cant get my bottom corner images to appear if anyone can help it would be greatly appreciated, also how can i get rid of the red outline around all the boxes?

here is my website
thedark.sithportal.com

and here is the CSS for the boxes ive played around with the sizes and things a lil but to no avail

.CenterContentZone .topleft { background: url(http://i1141.photobucket.com/albums/n595/usmcnov10/topleftcorner.png) 0px top no-repeat; height: 61px; width: 95px; }
.CenterContentZone .toptile { background:  url(http://i1141.photobucket.com/albums/n595/usmcnov10/TopTitle.png) left top repeat-x; height: 53px; }
.CenterContentZone .topright { background:  url(http://i1141.photobucket.com/albums/n595/usmcnov10/toprightcorner.png) 0px top no-repeat; height: 62px; width: 61px; }
.CenterContentZone .lefttile { background:  url(http://i1141.photobucket.com/albums/n595/usmcnov10/LeftSide.png) left top repeat-y; width: 15px; }
.CenterContentZone .righttile { background:  url(http://i1141.photobucket.com/albums/n595/usmcnov10/RightSide.png)  right top repeat-y; width: 15px; }
.CenterContentZone .bottomleft { background:  url(http://i1141.photobucket.com/albums/n595/usmcnov10/BottomLeftCorner.png)  no-repeat; height: 15px; width: 15px; }
.CenterContentZone .bottomtile { background:  url(http://i1141.photobucket.com/albums/n595/usmcnov10/BottomBorder.png) left  repeat-x; height: 1px; }
.CenterContentZone .bottomright { background:  url(http://i1141.photobucket.com/albums/n595/usmcnov10/BottomRightCorner.png) no-repeat; height: 15px; width: 15px; }


haha an more problems theres like a red box going over my boxes where the box title is *the text* is there a way to get rid of it?
TopBottom

Mottie (MVP) 4/9/2011 10:24 AM EST : RE: css problems with custom boxes
GuildPortal MVP
Mottie
Posts: 3884
Zomgawsh Poster

Greetings Lord Trist!

The image sizes don't match the height and width set in the css above. So I took the liberty of adjusting them the best that I could. The bottom left corner looks a bit off because the left tile is only 9px wide and I think it's meant to be 11px wide. Replace the css above with this (it will replace the content box borders in all three zones, so you can remove the left and right zone css):
.topleft {background:url(http://i1141.photobucket.com/albums/n595/usmcnov10/topleftcorner.png) 0 0 no-repeat;height:61px;width:100px;}
.toptile{background:url(http://i1141.photobucket.com/albums/n595/usmcnov10/TopTitle.png)  0 0 repeat-x;height:61px;}
.topright{background:url(http://i1141.photobucket.com/albums/n595/usmcnov10/toprightcorner.png) 0 0 no-repeat;height:61px;width:61px;}
.lefttile{background:url(http://i1141.photobucket.com/albums/n595/usmcnov10/LeftSide.png) 0 0 repeat-y;width:9px;}
.lefttop, .righttop { width: 11px; }
.righttile{background:url(http://i1141.photobucket.com/albums/n595/usmcnov10/RightSide.png) right 0 repeat-y;width:11px;}
.bottomleft{background:url(http://i1141.photobucket.com/albums/n595/usmcnov10/BottomLeftCorner.png) left bottom no-repeat;height:31px;width:34px;}
.bottomtile{background:url(http://i1141.photobucket.com/albums/n595/usmcnov10/BottomBorder.png) center bottom repeat-x;height:7px;}
.bottomright{background:url(http://i1141.photobucket.com/albums/n595/usmcnov10/BottomRightCorner.png) right bottom no-repeat;height:31px;width:39px;}
.ContentBox table { empty-cells: show; }
.ContentBoxTitle{font-weight:700;background-color:#900;color:#FFF;background:url();text-align:left;padding:0;}
TopBottom

Lord Trist (New Admin) 4/9/2011 6:25 PM EST : RE: css problems with custom boxes
Lord Trist
Posts: 907
Zomgawsh Poster

ohhh thank you again mottie
TopBottom

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