View Full Version: [S] Cut Off Words & Photos.

RPG-Directory > Solved Support Topics > [S] Cut Off Words & Photos.



Title: [S] Cut Off Words & Photos.


nida - December 26, 2007 04:18 AM (GMT)
Urgh! I come back bearing another problem, this layout does have bugs. Anyways, when someone posts a photo or a paragraph It cuts it off.

Example;;

user posted image

CSS;;

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

form { display:inline; }
img  { vertical-align:center; border:0px }
BODY { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 10px; color: #777; background: url(http://209.85.48.12/11744/54/upload/p10702.png) bottom right no-repeat rgb(217, 217, 217); margin-bottom: 100px; }
TABLE, TR, TD { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 10px; color: #aaa; }
a:link, a:visited, a:active { text-decoration: none; color: #999; }
a:hover { color: #777; text-decoration: none; background: url(http://209.85.48.12/11744/54/upload/p10978.gif) repeat-x bottom; }

fieldset.search { border: 1px solid #dfdfdf; padding:6px; line-height:150% }
fieldset.search strong { color: #aaa; }
label { cursor:pointer; }

img.attach { border:1px solid #dfdfdf;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:#555 }
.caldate  { text-align:right; background: url(http://209.85.48.12/11744/54/upload/p10210.png) repeat-x; padding: 2px; border-bottom: 1px solid #d5d5d5; padding: 1px; }

.warngood { color:green }
.warnbad  { color:red }

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

#profilename { font-size:28px; font-weight:bold; }
#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    { width:22%; border:1px solid #d5d5d5;background-color: #e9e9e9; }
#ucpmenu p  { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #e9e9e9; border:1px solid #d5d5d5; width:auto }
#ucpcontent p  { padding:10px;margin:0px; }

#ucpmenu .maintitle, #ucpcontent .maintitle, #ucpmenu .pformstrip, #ucpcontent .pformstrip { border: 1px solid #d5d5d5; }

#ucpcontent .pformleft, #ucpcontent .pformleftw, #ucpcontent .pformright { border: 1px solid #d5d5d5; background: #e7e7e7; margin: 0px; }
#ucpcontent .tablepad { margin: 1px; }
#ucpcontent table { border: 1px solid #e9e9e9; }

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border:1px solid #dfdfdf;background-color: #e9e9e9; padding:0px; margin: 0px; margin-bottom: 3px; text-align: center; }
#logostrip a:hover { background-image: none; }
#submenu { display: none; }

#userlinks td { padding: 5px; margin:2px 0px 2px 0px;border: 1px solid #dfdfdf; background: #e9e9e9; }

#navstrip  { padding: 3px; margin:2px 0px 2px 0px; background: #e9e9e9; font-weight: bold; background: url(http://209.85.48.12/11744/54/upload/p12986.png); border: 1px solid #dfdfdf; }

.activeuserstrip { font-weight: bold; color:#777; padding:2px; margin:1px; font-size: 8px; background: url(http://209.85.48.12/11744/54/upload/p10564.png) repeat-x rgb(230, 230, 230); border: 1px solid #efefef; text-transform: uppercase; letter-spacing: 1px; }

.pformstrip { font-weight: bold; color:#777; padding:2px; margin:1px; font-size: 8px; background: url(http://209.85.48.12/11744/54/upload/p10564.png) repeat-x rgb(230, 230, 230); border: 1px solid #efefef; text-transform: uppercase; letter-spacing: 1px; }
.pformleft  { background-color: #e9e9e9; margin-top:1px; padding:6px;width:25%; border-bottom:1px solid #d5d5d5; border-right:1px solid #d5d5d5; border-left:1px solid #d5d5d5; }
.pformleftw { background-color: #e9e9e9; padding:6px; margin-top:1px;width:40%; border-bottom:1px solid #d5d5d5; border-right:1px solid #d5d5d5; border-left:1px solid #d5d5d5; }
.pformright { background-color: #e9e9e9; padding:6px; margin-top:1px; border-bottom:1px solid #d5d5d5; border-right:1px solid #d5d5d5; }

.post1, .post2 { background-color: #e9e9e9; border-top: 2px solid #ededed; border-bottom: 2px solid #e3e3e3; }
.postlinksbar { font-weight: bold; color:#777; padding:2px; margin:1px; margin-bottom: 0px; font-size: 8px; background: url(http://209.85.48.12/11744/54/upload/p10564.png) repeat-x rgb(230, 230, 230); border: 1px solid #efefef; text-transform: uppercase; letter-spacing: 1px; }

.row1 { background-color: #e9e9e9; border-top: 2px solid #ededed; border-bottom: 2px solid #e3e3e3; margin: 1px; }
.row2 { background-color: #e7e7e7; border-top: 2px solid #ebebeb; border-bottom: 2px solid #e1e1e1; margin: 1px; }
.row3 { background-color: #e9e9e9; border-top: 2px solid #ededed; border-bottom: 2px solid #e3e3e3; }
.row4 { background-color: #eee; background: #e9e9e9; border-top: 2px solid #ededed; border-bottom: 2px solid #e3e3e3; }
div.row4 { border: 0px !important; background-color: transparent; }

.darkrow2 { background: url(http://209.85.48.12/11744/54/upload/p11977.png) repeat-x rgb(230, 230, 230); margin: 1px; margin-top: 0px; border: 1px solid #efefef; }

.darkrow1 { background-color: #eee; margin: 0px; }
td.darkrow2 { background: url(http://209.85.48.12/11744/54/upload/p10210.png) repeat-x; padding: 2px; border: 1px solid #efefef; padding: 1px; }
.darkrow3 { background-color: #e7e7e7; border-top: 2px solid #ebebeb; border-bottom: 2px solid #e1e1e1; padding: 1px; }
.darkrow3 div { border: 0px; }

.hlight { background-color: #e9e9e9; border-top: 2px solid #ededed; border-bottom: 2px solid #e3e3e3; }
.dlight { background-color: #e9e9e9; border-top: 2px solid #ededed; border-bottom: 2px solid #e3e3e3; }

.titlemedium { font-weight: bold; color:#777; padding:2px; margin:1px; font-size: 8px; background: url(http://209.85.48.12/11744/54/upload/p10564.png) repeat-x rgb(230, 230, 230); border: 1px solid #efefef; text-transform: uppercase; letter-spacing: 1px; }

.maintitle { font-weight:bold; color:#aaa; letter-spacing:1px; padding: 6px; text-align: center; background: url(http://209.85.48.12/11744/54/upload/p10208.png) repeat-x; margin: 1px; margin-bottom: 0px; margin-top: 1px; border: 1px solid #eee; text-transform: uppercase; }
.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: none; color: #aaa; }
.maintitle a:hover { color: #888; }
.maintitle img { display: none; }
html>body .maintitle { font-weight:bold; color:#aaa; letter-spacing:1px; padding: 6px; text-align: center; background: url(http://209.85.48.12/11744/54/upload/p22141.png) repeat-x; margin: 1px; margin-bottom: 0px; border: 1px solid #eee; border-top: 1px solid #d5d5d5; text-transform: uppercase; }

.plainborder { background-color:#d5d5d5; }
.tableborder { background-color:#d5d5d5; padding:0px; margin-top:3px; width:100% }
.tablefill { border:1px solid #d5d5d5;background-color:#e7e7e7;padding:6px;  }
.tablefill a:hover { background-image: none; }
.tablepad { background-color:#e9e9e9;padding:6px; border:1px solid #d5d5d5; }
.tablebasic { width:100%; padding:0px 0px 0px 0px; margin:0px; border:0px }

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

.desc { font-size: 9px; color: #bbb; }
.edit { font-size: 8px; color: #777; background: url(http://209.85.48.12/11744/54/upload/p10978.gif) repeat-x bottom; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; }

.signature  { font-size: 10px; color: #bbb; }
.postdetails { font-size: 10px }
.postcolor  { font-size: 11px; line-height: 160% }

.normalname { font-size: 11px; font-weight: bold; color: #aaa }
.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 11px }
.unreg { font-size: 10px; font-weight: bold; color: #bbb }

.searchlite { font-weight:bold; color:#F00; background-color:#FF0 }

#QUOTE, #CODE { font-family: Tahoma, Verdana, Arial; font-size: 10px; color: #bbb; margin:0px 0px 0px 0px; text-transform: none; font-weight: normal; letter-spacing: 0px; padding-top: 0px; padding-bottom: 20px; }

.post1 table, .post2 table { border: 1px solid #ddd; background: url(http://209.85.48.12/11744/54/upload/p25092.png) no-repeat bottom left #e5e5e5; margin-top:5px; }
.post1 td, .post2 td { padding: 20px; font-size: 8px; color: #777; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; padding-bottom: 5px; }

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

.forminput, .textinput, .radiobutton, .checkbox, .codebuttons { font-size: 9px; background: url(http://209.85.48.12/11744/54/upload/p12986.png); border: 1px solid #dfdfdf; color: #aaa; font-family: tahoma, verdana, helvetica, sans-serif; margin: 1px; padding: 2px; }

.thin { padding: 5px; margin:2px 0px 2px 0px;border: 1px solid #dfdfdf; background: #e5e5e5; }

.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 }

#credit { padding: 5px; margin: 10px 0px 0px 0px;border: 1px solid #dfdfdf; background: #e9e9e9; width: 300px; }

.menu { padding: 3px; border: 1px solid #dfdfdf; background: #e9e9e9; text-align: center; margin-bottom: 3px; color:#777; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; font-size: 8px; }
.menu a { padding-left: 5px; padding-right: 5px; }
.menu a:hover { background-image: none; border-top: 3px solid #e2e2e2; border-bottom: 3px solid #e2e2e2; }

form div.tableborder table tr td.row1 { background-color: #e7e7e7; border: 0px !important; border-top: 2px solid #ebebeb !important; border-bottom: 2px solid #e1e1e1 !important; }
form div.tableborder table tr td.row1 div.caldate { background-image: none; border: 0px; font-weight: bold; padding: 0px 1px 0px 0px; }

td.darkrow1 { background-color: #eee; background: #e9e9e9; border-top: 2px solid #ededed; border-bottom: 2px solid #e3e3e3; }

table.tableborder td.maintitle { border: 1px solid #d5d5d5 }
table.tableborder td.pformstrip { border: 1px solid #d5d5d5; border-top: 0px; }

div.tableborder div.tablepad { background-color: #e9e9e9 !important; }
div.tableborder div.tablepad form table { background-color: #e9e9e9; }
div.tableborder div.tablepad form table input { font-size: 9px; background: url(http://209.85.48.12/11744/54/upload/p12986.png); border: 1px solid #dfdfdf; color: #aaa; font-family: tahoma, verdana, helvetica, sans-serif; margin: 1px; padding: 2px; }

#ipbwrapper { width: 800px; background: url(http://209.85.48.12/11744/54/upload/p12228.png) no-repeat bottom left #eee; padding: 10px; border: 4px solid #f5f5f5; margin: 10px auto 100px 100px; }
#ipbwrapper #submenu { display: block; }
#ipbwrapper #submenu img { display: none; }
#ipbwrapper div.desc { background-color: #e9e9e9; border-top: 2px solid #ededed; border-bottom: 2px solid #e3e3e3; margin: 1px; }
#ipbwrapper td.row4, #ipbwrapper td.row2 { border: 1px solid #d5d5d5; }
#ipbwrapper td.post1, #ipbwrapper td.post2 { border: 1px solid #d5d5d5; border-top: 2px solid #ededed; border-bottom: 2px solid #e3e3e3; }

div.tablepad table td.row1 { border: 1px solid #d5d5d5; background: url(http://209.85.48.12/11744/54/upload/p11977.png) repeat-x rgb(230, 230, 230); }

.button {  color:#777; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; font-size: 8px; padding-left: 5px; padding-right: 5px; }

.border { width: 800px; margin: 10px auto 100px 100px; }
.board { background: url(http://209.85.48.12/11744/54/upload/p12228.png) no-repeat bottom left #eee; border: 4px solid #f5f5f5; padding: 10px; }

Silver Wolf - December 28, 2007 03:21 AM (GMT)
Well, before you going messing with codes (I know what a pain in the ass they can be), your problem may be out of your hands. Quite often, it's the image host that resizes the photos. Photobucket is a prime example. If the file is bigger than 500 kb, it will be resized to something like what you've shown.

Roswenth - December 28, 2007 03:47 AM (GMT)
I had the exact same problem with that skin, and I never could figure out why it did that.

SpazzyMal - December 28, 2007 04:07 AM (GMT)
I installed the skin on my testing board but I can't seem to replicate the problem. Also, am I seeing things, or is the skin you posted not the same one as in the screenshot?

Roswenth - December 28, 2007 04:31 AM (GMT)
It happened only with a couple of posts, not all of them.

SpazzyMal - December 28, 2007 06:08 AM (GMT)
That explains it then. (sweat)

Lothlómendil - December 28, 2007 10:14 AM (GMT)
If you could post a link directly to a topic that messes up the text / picture I could do more to try and find the problem. :)

SpazzyMal - December 28, 2007 06:51 PM (GMT)
Yes, seeing the problem directly would be useful. Someone can (probably) figure the problem out pretty quickly with help from a few Firefox extensions; CSS Viewer and/or Firebug.

(And if you instal these yourself and figure out the problem, please remember to share the solution with the rest of us. ^_^)

dean; - December 29, 2007 08:37 AM (GMT)
Try changing this section:
CODE
html { overflow-x: hidden; overflow-y: auto; }


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

ShinLi - January 11, 2008 10:48 PM (GMT)
Your topic has been solved and moved to the 'Solved Support Topics' forum! Still have a question, or something isn't clear yet? PM an admin, gmod or cmod, and it will be moved back to the Support Center.




Hosted for free by InvisionFree