Triple Borders Won't Work

Cool Tips & Tricks	Help Communities:

<< Prev Topic | Next Topic >>

Cool Tips & Tricks ::: CSS ::: Triple Borders Won't Work

Topic: Triple Borders Won't Work

(?)

SusieQ228

Registered User
Posts: 23

Posted: 10/7/05 12:08 am
Triple Borders Won't Work

Hello

I'm trying to use the Triple Border Wizard at ezdesign, but having trouble implementing the code on my board.

When I input the values into the wizard, the 'board' shows just as I want it to in the preview. I 'Generate CSS" and copy and paste that into a *.css file. I do believe I have all of the paths and such correct, because the page background that is references in the wizard CSS and no where else is showing up fine. The #outer and #inner is what appears to not be coming through.

Here is what the generator gives me:

  
body {
text-align: center;
padding: 4%;
background-image: url(http://img.photobucket.com/albums/v307/smartasscentral/backgrounds/bg_black_design_1.gif);
background-position: center center;
}

#outer {
text-align: center;
padding: 2%;
}

#inner {
text-align: center;
background-image: url(http://img.photobucket.com/albums/v307/smartasscentral/backgrounds/bg_green_marble_1.jpg);
background-position: center center;
border-style: ridge;
border-width: 15px;
border-color: 738284;
}

I am trying to use it in this forum.

It's a private forum, so I gave atlass, nutrocker and te1emachus access, since I don't know who would want to look... I'm sure I'm missing the simplest little thing.

Thank you!

*edit to change link; I moved the forum.

Edited by: SusieQ228 at: 10/8/05 2:15 am

chrish18

Registered User
ezSupporter
Posts: 2214

Posted: 10/7/05 8:49 am
Re: Triple Borders Won't Work

I'm just guessing, but you're probably missing this from the bottom of box 3

 
<div id="outer"><div id="inner">

and this from the top of box 4

 
</div></div>

SusieQ228

Registered User
Posts: 23

Posted: 10/7/05 9:22 pm
Re: Triple Borders Won't Work

That did it... Thanks! I added you as well in case you wanted to see. I'm still making CSS for the rest of the board, so Custom Header is turned off when I'm not working, but it does work!

Thanks!

SusieQ228

Registered User
Posts: 24

Posted: 10/8/05 12:23 am
Re: Triple Borders Won't Work

New related question.

The forum is now 'too wide' so that the inner area is off center and you 'have' to scroll to see everything, which is nothing but extra page background. It's almost as if when the image is tiling, it's fitting in an entire image file and no just letting it cut off at the edge of the board?

Can someone recommend a way to neaten this up, please?

Thanks!

Edited by: SusieQ228 at: 10/8/05 3:34 am

Nutrocker

ezboard Moderator
ezSupporter
Posts: 16285

Posted: 10/8/05 3:18 pm
Re: Triple Borders Won't Work

What is the css used for that forum, could you post it here please?

SusieQ228

Registered User
Posts: 25

Posted: 10/8/05 10:36 pm
Re: Triple Borders Won't Work

Certainly...

 
body {
text-align: center;
padding: 4%;
background-image: url(img.photobucket.com/album...id_1.jpg);
background-position: center center; 
color: 473c8b;
}

#outer {
text-align: center;
padding: 2%;
}

#inner {
text-align: center;
background-image: url(img.photobucket.com/album...ck_1.gif);
background-position: center center;
border-style: ridge;
border-width: 15px;
border-color: 738284;
padding: 2%;
}

Nutrocker

ezboard Moderator
ezSupporter
Posts: 16296

Posted: 10/9/05 2:55 pm
Re: Triple Borders Won't Work

Are these typo's or are these values what you have in the css file?

 body {
text-align: center;
padding: 4%;
background-image: url(img.photobucket.com/album...id_1.jpg);
background-position: center center; 
color: 473c8b;
}

#outer {
text-align: center;
padding: 2%;
}

#inner {
text-align: center;
background-image: url(img.photobucket.com/album...ck_1.gif);
background-position: center center;
border-style: ridge;
border-width: 15px;
border-color: 738284;
padding: 2%;
}

because they should be...

color: #473c8b;
and
border-color: #738284;

both missing the # sign

SusieQ228

Registered User
Posts: 25

Posted: 10/9/05 10:22 pm
Re: Triple Borders Won't Work

I wondered about that. I'll fix that...but that wouldn't affect centering, would it?

Thanks.

Nutrocker

ezboard Moderator
ezSupporter
Posts: 16305

Posted: 10/10/05 2:37 pm
Re: Triple Borders Won't Work

No, but it might affect the size of the borders!

SusieQ228

Registered User
Posts: 25

Posted: 10/10/05 7:38 pm
Re: Triple Borders Won't Work

I added it, and nothing appears to change.

I'm really messing up my board, too.

None of my e-motes are showing up anymore. I'm guessing this has something to do with it, since I haven't changed anything else recently.

chrish18

Registered User
ezSupporter
Posts: 2218

Posted: 10/11/05 1:48 pm
Re: Triple Borders Won't Work

Hmm I cant see why it scrolls in IE and not Firefox! Most odd...

SusieQ228

Registered User
Posts: 27

Posted: 10/12/05 8:12 pm
Re: Triple Borders Won't Work

No ideas then, huh?

Since I'm just getting underway redesigning a dozen or so forums using this script, I had hoped to get any correction in there before I replicated it so many times.

SusieQ228

Registered User
Posts: 28

Posted: 10/24/05 7:43 pm
Re: Triple Borders Won't Work

I wondered if anyone has any ideas on this yet? The forums look pretty goofy with everything off center and scrollbars with nothing to scroll to...

Thanks