Previous Thread
Next Thread
Print Thread
Hop To
Joined: May 2007
Posts: 52
journeyman
journeyman
Joined: May 2007
Posts: 52
This may also have to do with my previous post on images aligning to the left, or perhaps it's unrelated, but it's something that's not only driving me crazy but my members as well. Whenever someone quotes someone the quote box will not hold the entire post and you have to scroll. Here's an example:

http://forum.canadianparents.ca/ubb...&Number=597616&page=0#Post597616


Cara-
Community Producer at:
Canadian Parents.com Message Boards
Joined: Jun 2006
Posts: 9,242
Likes: 1
R
Former Developer
Former Developer
R Offline
Joined: Jun 2006
Posts: 9,242
Likes: 1
It looks like the width property isn't set on the ubbcode-body property. And after checking, that's it:

.ubbcode-block {
width: 210px;
margin: 5px 2em;
background: #FFF;
border: 1px solid #AAAA11;
padding: 0px;
border-spacing: 0px;
}
.ubbcode-header {
display: block;
font-weight: bold;
padding: 4px;
border-bottom: 1px solid #AAAA11;

}
.ubbcode-body {
width: 500px;
margin: 4px;
overflow: auto;
font-size: 10pt;
display: block;
}

ubbcode-block is set to 210, but ubbcode-body is set to 500, so it's wider than the actual code block.

Joined: Apr 2011
Posts: 148
S
Member
Member
S Offline
Joined: Apr 2011
Posts: 148
where do you edit this CSS?

Joined: Dec 2006
Posts: 1,235
veteran
veteran
Joined: Dec 2006
Posts: 1,235
Originally Posted by ShiftKnowledge
where do you edit this CSS?
CP > Styles

Originally Posted by ladybug_mom
Whenever someone quotes someone the quote box will not hold the entire post and you have to scroll.
Try changing the width from a fixed amount to a percentage in the styles above.

Code
width: 100%;


Joined: Apr 2011
Posts: 148
S
Member
Member
S Offline
Joined: Apr 2011
Posts: 148
thanks. I got it fixed but the more quotes I put I still get the problem of not being able to read it unless you scroll. Is there a way to make the boxes just drop down straight?

[Linked Image from anony.ws]

Joined: Apr 2007
Posts: 3,940
Likes: 1
SD Offline
Former Developer
Former Developer
Joined: Apr 2007
Posts: 3,940
Likes: 1
yes

change the margins and have a small width change on the block.

Code
.ubbcode-block {
margin: 2px 0;
width:98%;
background: #1A1A1A;
padding: 0px;
border-spacing: 0px;
border: 1px solid #800;
-moz-border-radius: 4px;
-moz-box-shadow: 1px 1px 3px #931A1C;
}
.ubbcode-header {
display: block;
padding: 4px;
color: #D8CCCA;
border-bottom: 1px solid #800;
}
.ubbcode-body {
padding: 4px;
width: 100%; 
overflow: auto; 
display: block;
border: none;
}

[Linked Image from sirdude.com]

4 levels deep

ignore my color selections, but take margin, padding, width stuff wink

Joined: Apr 2011
Posts: 148
S
Member
Member
S Offline
Joined: Apr 2011
Posts: 148
thanks that looks sick


Link Copied to Clipboard
ShoutChat
Comment Guidelines: Do post respectful and insightful comments. Don't flame, hate, spam.
Recent Topics
PHP 8 bug in membermanage.tmpl
by phoenix011235 - 09/08/2026 7:47 PM
Are any of these legitmate?
by Baldeagle - 09/06/2026 1:37 PM
8.0.1 Patch Changelog Discussion
by isaac - 11/26/2025 1:34 PM
Upgraded to ver8 - now can't login
by phoenix011235 - 10/24/2024 8:50 AM
Who's Online Now
0 members (), 399 guests, and 96 robots.
Key: Admin, Global Mod, Mod
Random Gallery Image
Latest Gallery Images
Ride safe!
Ride safe!
by Morgan, December 7
Los Angeles
Los Angeles
by isaac, August 6
3D Creations
3D Creations
by JAISP, December 30
Artistic structures
Artistic structures
by isaac, August 29
Powered by UBB.threads™ PHP Forum Software 8.1.0
(Snapshot build 20260527)