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: 136
S
member
member
S Offline
Joined: Apr 2011
Posts: 136
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: 136
S
member
member
S Offline
Joined: Apr 2011
Posts: 136
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: 136
S
member
member
S Offline
Joined: Apr 2011
Posts: 136
thanks that looks sick


Link Copied to Clipboard
ShoutChat
Comment Guidelines: Do post respectful and insightful comments. Don't flame, hate, spam.
Recent Topics
Bots
by Outdoorking - 04/13/2024 5:08 PM
Can you add html to language files?
by Baldeagle - 04/07/2024 2:41 PM
Do I need to rebuild my database?
by Baldeagle - 04/07/2024 2:58 AM
This is not a bug, but a suggestion
by Baldeagle - 04/05/2024 11:25 PM
Is UBB.threads still going?
by Aaron101 - 04/01/2022 8:18 AM
Who's Online Now
4 members (Outdoorking, Ruben, Nightcrawler, 1 invisible), 866 guests, and 254 robots.
Key: Admin, Global Mod, Mod
Random Gallery Image
Latest Gallery Images
Los Angeles
Los Angeles
by isaac, August 6
3D Creations
3D Creations
by JAISP, December 30
Artistic structures
Artistic structures
by isaac, August 29
Stones
Stones
by isaac, August 19
Powered by UBB.threads™ PHP Forum Software 8.0.0
(Preview build 20230217)