| FORUM OF THE FORTNIGHT WINNERS |
|---|
| GO CHECK OUT THEIR BOARDS! |
|
| |
[Unsolved][HTML/CSS] Css Border Width!
| saibat |
|

Did somebody say guinea pig?

Group: Member
Posts: 1,247
Member No.: 20,219
Joined: 29-May 09

|
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: ( Posted Image) This is the IPB board right now: ( 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; } |
This post has been edited by saibat on Dec 4 2009, 06:36 AM
--------------------
|
|
|
0 User(s) are reading this topic (0 Guests and 0 Anonymous Users)
0 Members:
Track this topic
Receive email notification when a reply has been made to this topic and you are not active on the board.
Subscribe to this forum
Receive email notification when a new topic is posted in this forum and you are not active on the board.
Download / Print this Topic
Download this topic in different formats or view a printer friendly version.
| 'D CHAT BOX |
|---|
| GUESTS ARE WELCOME. COME SAY HI! |
|
|
|