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! > Trouble with a custom content box
Ayiana (New Admin) 8/7/2009 4:55 PM EST : Trouble with a custom content box
Ayiana
Posts: 1498
Zomgawsh Poster

I am fiddling with content boxes and am having an oddity occur.  Right now, I am just messing with a single box on a test design.  So in my CSS I have two things defined:  the normal box and the test box.

/*Default ContentBox Code*/
.ContentBox {background-color: transparent; border: none;}
.ContentBoxTitle {padding: 5px; background-color: transparent; color: #cccccc; font-family: Fantasy; font-size:16pt; font-weight: bold; }
.ContentBoxBody {background: transparent url(http://www.axiomfiles.com/Files/38869/parch-gr.jpg); border-style: inset; color: navy; }
/*Default Alternating Grid Row Color*/
.MoGridRow { text-align: left; }
.AltGridRow {background-color: #CFDCE6;color: #383838;}
.NormGridRow {background-color: #ECF1F5;color: #383838;}

/*Side ContentBox Code*/
#box_Vote .topleft, #box_Vote .topright, #box_Vote .lefttile, #box_Vote .righttile, #box_Vote .bottomleft, #box_Vote .bottomright { }
#box_Vote .toptile { background: transparent url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/styles/parchtop.gif) bottom center no-repeat; height:28px; padding:5px; }
#box_Vote .bottomtile { background: transparent url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/styles/parchbot.gif) center center no-repeat; height:51px; padding:5px; }
#box_Vote .ContentBoxBody { background: transparent url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/styles/parchmid.gif) top center repeat-y;  padding: 5px; color: #a52a2a; border-style: hidden; }
#box_Vote .ContentBoxBody2 { background: transparent url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/styles/parchmid.gif) top center repeat-y;  padding: 10px 25px; border-style: hidden; color: #a52a2a; }
#box_Vote { background: transparent; border-style: hidden; color: #000000;}
#box_Vote .ContentBoxTitle { background-color: transparent; color: #a52a2a; position: relative; top:20px; left:30px; }
/*Side Alternating Grid Row Color*/
#box_Vote .NormGridRow { background: transparent; color: #000000; }
#box_Vote .ContentBoxBody a, #box_Vote .MoGridRow a { color: #333333; }

The issue I am having is that the inset border defined in the default code is worming its way into my test code.  Can I not do it this way?

TopBottom

Mottie (MVP) 8/7/2009 8:09 PM EST : RE: Trouble with a custom content box
GuildPortal MVP
Mottie
Posts: 3884
Zomgawsh Poster

Hi Ayiana!

I don't think "border-style:hidden" exists. Try adding "border-width:0;" in your test code:
#box_Vote .ContentBoxBody { background: transparent url(http://i201.photobucket.com/albums/aa236/Mottie1/testsite/styles/parchmid.gif) top center repeat-y;  padding: 5px; color: #a52a2a; border-width: 0; }
I think that will do the trick
TopBottom

Ayiana (New Admin) 8/8/2009 11:58 AM EST : RE: Trouble with a custom content box
Ayiana
Posts: 1498
Zomgawsh Poster

Mottie, once again, you rock.  Now I need to start another topic for ya.  /hug

~Ayiana
TopBottom

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