[Unsolved][HTML/CSS] Css Border Width! (RPG-Directory)

Title: [Unsolved][HTML/CSS] Css Border Width!

saibat - December 4, 2009 06:36 AM (GMT)

Board Software: IPBfree
Problem With: Forum alignment and size
Problem: We're moving a board from IF to IPB and all we've been having are PROBLEMS. Finally, we hit this one and we are completely stumped. We want the boards to be a little longer than the original skin, because it's just too narrow, but we can't figure out how to do it and make the border go with it. The skin was perfect on IF, but the forums are WAY too skinny on IPB, so we tried to stretch them a little. We succeeded with the forums, but the border won't move and we can't figure out where it is in the CSS. HELP!
Evidence:
This is the IF board:
user posted image

This is the IPB board right now:
user posted image

The CSS:

CODE

html { overflow-x: auto; overflow-y: auto; }

form { display:inline; }
img { vertical-align:middle; border:0px }
BODY { font-family: Tahoma, Times New Roman, Verdana, Tahoma, Arial, sans-serif; font-size: 9px; color: #0a1407; margin:20px 10px 20px 10px; background:#5c665a url(http://img.photobucket.com/albums/v394/Arcazon112/background.jpg) fixed }
TABLE, TR, TD { font-family: Georgia, Times New Roman, Verdana, Arial, sans-serif; font-size: 9px; color: #0a1407; }
a:link, a:visited, a:active { text-decoration: none; color: #0a1407 }
a:hover { color: #0a1407; text-decoration:underline,bold }

fieldset.search { padding:6px; line-height:120%; }
label { cursor:pointer; }

img.attach { border:2px outset #EEF2F7;padding:2px }

.googleroot { padding:6px; line-height:130% }
.googlechild { padding:6px; margin-left:30px; line-height:130% }
.googlebottom, .googlebottom a:link, .googlebottom a:visited, .googlebottom a:active { font-size:11px; color: #3A4F6C; }
.googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size:14px; font-weight:bold; color:#00D; }
.googlepagelinks { font-size:1.1em; letter-spacing:1px }
.googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size:10px; color:#434951 }

li.helprow { padding:0px; margin:0px 0px 10px 0px }
ul#help { padding:0px 0px 0px 15px }

option.cat { font-weight:bold; }
option.sub { font-weight:bold;color:#ffffff; background-color:#0a1407 }
.caldate { text-align:right;font-weight:bold;font-size:11px;color:#3f453e;background-color: #e1e5e1; padding: 4px; margin:0px }

.warngood { color:white }
.warnbad { color:black }

#padandcenter { margin-left:auto;margin-right:auto;text-align:center;padding:14px 0px 14px 0px; }

#profilename { font-size:28px; font-weight:bold; font-family: times new roman, tahoma, georgia, sans-serif; text-transform: uppercase; letter-spacing:4px }
#calendarname { font-size:22px; font-weight:bold; }

#photowrap { padding:6px; }
#phototitle { font-size:24px; border-bottom:1px solid black }
#photoimg { text-align:center; margin-top:15px }

#ucpmenu { line-height:150%;width:22%; border:1px solid #5c665a;background-color: #d1d6cf }
#ucpmenu p { padding:2px 5px 6px 9px;margin:0px; background-color:#d1d6cf}
#ucpcontent { background-color: #d1d6cf; border:1px solid #5c665a;line-height:150%; width:auto }
#ucpcontent p { padding:10px;margin:0px; }

#ipsbanner { position:absolute;top:1px;right:5%; background-color: #5c665a }
#logostrip { border:none;background-color: #5c665a; padding:0px;margin:0px; }
#submenu { border:1px solid #BCD0ED;background-color: #5c665a;font-size:8px;margin:3px 0px 3px 0px;color:#3A4F6C;font-weight:bold; display:none }
#submenu a:link, #submenu a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #3A4F6C; }
#userlinks { border-bottom:2px solid #061403; border-top:2px solid #061403; background-color:#565e54; padding:0px }

#navstrip { font-weight:bold;padding:4px 0px 4px 0px; }

.activeuserstrip { background-color:#0a1407; line height: 8px; padding:2px }

.pformstrip { background-color: #d1d6cf; color:#0a1407;font-weight:bold;padding:2px;margin-top:0px; }
.pformleft { background-color: #d1d6cf; padding:6px; margin-top:1px;width:25%; border-top:1px solid #3f453e; border-right:1px solid #3f453e; }
.pformleftw { background-color: #d1d6cf; padding:6px; margin-top:1px;width:40%; border-top:1px solid #3f453e; border-right:1px solid #3f453e; }
.pformright { background-color: #d1d6cf; padding:6px; margin-top:1px;border-top:1px solid #3f453e; }

.post1 { background-color: #dfe3de; font-size:8px }
.post1 a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: #282e26 }
.post1 a:hover { text-decoration: underline; color: #151b14 }
.post2 { background-color: #dfe3de; font-size:8px }
.post2 a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: #282e26 }
.post2 a:hover { text-decoration: underline; color: #151b14 }
.postlinksbar { font-weight-bold; background-color:#172613;padding:2px;margin-top:0px;font-size:8px; line-height:8px; text-transform: uppercase; background-image: none; font-family: times new roman, garamond, tahoma, verdana, sans-serif }
.postlinksbar a { color:#c3c4c2; text-decoration:none }
.postlinksbar a:hover { color:#c3c4c2: text-decoration:underline }

.row1 { background-color: #dfe3de }
.row2 { background-color: #dfe3de }
.row3 { background-color: #dfe3de }
.row4 { background-color: #dfe3de }

.darkrow1 { background-color: #5c665a; color:#ffffff; }
.darkrow2 { background-color: #0a1407; color:#ffffff; line-height:5px}
.darkrow2 a:link, .darkrow2 a:visited, .darkrow2 a:active { color: #ffffff, text-decoration:none }
.darkrow3 { background-color: #d0d6cf; color:#0a1407; }

.hlight { background-color: #eff6ed }
.dlight { background-color: #dcebd8 }

.titlemedium { font-weight:bold; color:#ffffff; font-family: verdana, tahoma; font-size: 8px; padding:3px; margin:0px; background-color:#172613 }
.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: underline; color: #ffffff }

.maintitle { vertical-align:middle; color:#f8f8f8; font-weight:bold; letter-spacing:4px; text-transform:uppercase; padding:6px 9px 6px 9px; background: #131c11 url(http://209.85.48.8/14109/194/pip/pip6.gif) bottom right no-repeat; font-family: georgia, tahoma; font-size:11px; border-bottom: 3px solid #9ea49d; text-decoration:none; text-align: center }
.maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: #f8f8f8 }
.maintitle a:hover { text-decoration: none }

.plainborder { border:0px;background-color:#5d685b }
.tableborder { border:0px;background-color:#5d685b; padding:0px; margin:0px; width:120% }
.tablefill { border:1px solid #5d685b;background-color:#5d685b;padding:6px; }
.tablepad { background-color:#5d685b;padding:6px }
.tablebasic { width:120%; padding:0px 0px 0px 0px; margin:0px; border:0px }

.maintable { width: 750px; border: 10px solid #061403; padding: 15px; background: #5c665a; }

.wrapmini { float:left;line-height:1.5em;width:25% }
.pagelinks { float:left;line-height:1.2em;width:45% }

.desc { font-size:9px; color:#0a1407 }
.edit { font-size: 9px }

.signature { font-size: 10px; color: #0a1407 }
.postdetails { font-size: 10px }
.postcolor { font-size: 13px; line-height: 110% }

.normalname { font-size: 12px; font-weight: bold; color: #0f140d }
.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 12px }
.unreg { font-size: 11px; font-weight: bold; color: #545554 }

.searchlite { font-weight:bold; color:#0a1407; background-color:#91978f }

#QUOTE { font-family: Verdana, Arial; font-size: 10px; color: #283e21; background-color: #f8f9f8; border: 1px dotted #000; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#CODE { font-family: Verdana, Arial; font-size: 10px; color: #283e21; background-color: #f8f9f8; border: 1px dotted #000; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }

.copyright { font-family: Verdana, Tahoma, Arial, Sans-Serif; font-size: 9px; line-height: 12px }

.codebuttons { font-size: 9px; font-family: verdana, garamond, helvetica, sans-serif; vertical-align: middle; background: #e0e2df; border: solid 1px #151b14 }
.forminput, .textinput, .radiobutton, .checkbox { font-size: 11px; font-family: garamond, verdana, helvetica, sans-serif; vertical-align: middle; background: #eff2ee; border: solid 1px #151b14 }

.thin { padding:3px 0px 6px 0px;line-height:140%;margin:2px 0px 2px 0px;border-top:1px solid #0a1407;border-bottom:1px solid #0a1407 }

.purple { color:purple;font-weight:bold }
.red { color:red;font-weight:bold }
.green { color:green;font-weight:bold }
.blue { color:blue;font-weight:bold }
.orange { color:#F90;font-weight:bold }

.sidemenu { background-color: #dfe3de; color: #151b14; text-decoration: none; font-size: 11px; padding: 2px 3px 2px 3px; border: 2px solid #131c11 }
.sidemenu a:link a:visited, .maintitle a:active { color: #dfe3de; text-decotation: none }
.sidemenu a:hover { text-decoration: underline }

.sidetext { color: #151b14; font-size: 9px; font-family: georgia }

.sidestrip { border-top: 4px solid #4c5449; border-bottom: 4px solid #172613}

.button1 { background: #d1d6cf; font-color: #0d130c; font-size: 8px; font-weight: bold; text-transform: uppercase; padding: 2px 2px 2px 2px; margin: 2px; }
.button1 a:link, a:visited, a:active a:hover { text-decoration:none }

.button2 { background: #dfe3de; color: #0d130c; font-size: 8px; font-weight: bold; text-transform: uppercase; padding: 2px 2px 2px 2px; margin: 2px; line: 2px solid #ffffff }
.button2 a:link, a:visited, a:active a:hover { text-decoration:none }

.button3 { background: #4c5449; color: #0c110c; font-size: 8px; font-weight: bold; text-transform: uppercase; padding: 3px 2px 3px 2px; margin: 2px; }
.button3 a:link, a:visited, a:active { text-decoration:none }
.button3 a:hover {background: #d1d6cf; text-decoration:none }

.button4 { background: #565e54; color: #151b14; font-size: 9px; font-weight: bold; text-transform: uppercase; padding: 2px 2px 2px 2px; margin: 1px; border: 0px solid #151b14; }
.button4 a:link, a:visited, a:active { text-decoration:none; color: #151b14 }
.button4 a:hover {background: #d1d6cf; text-decoration:none; color: #151b14 }

.forumnew { border-top: 8px solid #4c5449; border-bottom: 8px solid #061403; background: #d1d6cf; color: #0d130c; font-size: 8px; padding: 0px; text-align: center; letter-spacing: 1px}

.forumnonew { border-top: 8px solid #4c5449; border-bottom: 8px solid #061403 }

.ashfall1 { background-color: #4c5449; font-family: tahoma, georgia, times new roman: font-color: #061403; font-size: 9px; text-align:right; letter-spacing: 3px; padding:2px; border-bottom: 2px solid #061403; }

Mousie - December 4, 2009 11:50 PM (GMT)

TAGGED AS HTML & CSS!
THANK YOU FOR SUBMITTING YOUR QUESTION!
In order to process your question with ease we have categorized it as an issue with HTML & CSS. This probably means your issue is with web design, skinning, etc. Hold on tight, hopefully someone will be with you shortly to give you the answer you seek!

saibat - December 5, 2009 08:05 AM (GMT)

Never mind. Somebody else helped. :angry:

Blue Bloods - December 5, 2009 04:49 PM (GMT)

ARCHIVED IN UNSOLVED
SORRY BUT IT WE COULDN'T ANSWER THIS QUERY
Unfortunately you weren't able to fine the answer to your question! We have archived it as 'unsolved'! We wish you luck with your project and apologize for not being able to assist you.

View Full Version: [Unsolved][HTML/CSS] Css Border Width!