Best of joomla gives you news, joomla templates, tutorials and websites about Joomla , FireBoard and FireMessage official page.
| No account yet?   |
The FireBoard forum component development is still going on. In order to get better, FireBoard will be moved from the Best of Joomla website.
During this transition period, the forum in Best of Joomla will be closed to new posts.
Welcome, Guest
Please Login or Register.    Lost Password?
FireBoard Manual Latest release discussions Download FireBoard
[Solved] CodeBox floating problem (1 viewing) (1) Guest
TOPIC: [Solved] CodeBox floating problem
#17542
[Solved] CodeBox floating problem 1 Year, 5 Months ago  
Hi..

I'm having some trouble with the component.

When someone uses the code box, the message floats out of the template..
Take a look: www.football-supporter.net/index.php?opt...mp;id=21&catid=2
Go to page 2. It's the same in all topics..

I have tried to make the .code css fixed with 400px, then the code input floats out of the code box..

How can I fix this?

TanX!
-Tom-
MetZ (User)
Fresh Boarder
Posts: 8
graphgraph
User Offline Click here to see the profile of this user
Logged Logged
 
Last Edit: 2007/08/10 18:58 By MetZ.
 
 
#17555
Re:CodeBox floating problem 1 Year, 5 Months ago  
You could try adding the attribute "word-break: value" to the .code css.
palebluedot (Moderator)
FB Documentation Team
Template Documentation Project
Moderator
Posts: 622
graphgraph
User Offline Click here to see the profile of this user
Gender: Male Location: Minneapolis, MN US Birthdate: 1973-01-12
Logged Logged
 
 
 
#17601
Re:CodeBox floating problem 1 Year, 5 Months ago  
No go... Didn't solve my problem..

Any other ideas?

-Tom-
MetZ (User)
Fresh Boarder
Posts: 8
graphgraph
User Offline Click here to see the profile of this user
Logged Logged
 
 
#17606
Re:CodeBox floating problem 1 Year, 5 Months ago  
How about the overflow attribute?

www.w3schools.com/css/pr_pos_overflow.asp
palebluedot (Moderator)
FB Documentation Team
Template Documentation Project
Moderator
Posts: 622
graphgraph
User Offline Click here to see the profile of this user
Gender: Male Location: Minneapolis, MN US Birthdate: 1973-01-12
Logged Logged
 
 
 
#17630
Re:CodeBox floating problem 1 Year, 5 Months ago  
nope... I made two test subjects
www.football-supporter.net/index.php?opt...mp;id=36&catid=2
and
www.football-supporter.net/index.php?opt...mp;id=38&catid=2

In both, the writing is done without hitting return/enter key.


Still the same.. Have been playing around some with the template css file now, and have fixed everything but this damn overflow error.. LoL..

Tanx for all the help so far..

-Tom-
MetZ (User)
Fresh Boarder
Posts: 8
graphgraph
User Offline Click here to see the profile of this user
Logged Logged
 
Last Edit: 2007/08/09 22:52 By MetZ.
 
 
#17638
Re:CodeBox floating problem 1 Year, 5 Months ago  
Try adding "overflow: auto" to "div.msgtext pre". You may need to play with the width attribute as well.

The problem with this scenario is that the "PRE" tag is design specifically NOT to change anything and adheare to PRE-existing formatting. Therefore if the formatting doesn't wrap in the source, it is designed to maintain that non-wrapping format.
palebluedot (Moderator)
FB Documentation Team
Template Documentation Project
Moderator
Posts: 622
graphgraph
User Offline Click here to see the profile of this user
Gender: Male Location: Minneapolis, MN US Birthdate: 1973-01-12
Logged Logged
 
Last Edit: 2007/08/10 00:13 By palebluedot.
 
 
 
#17661
Re:CodeBox floating problem 1 Year, 5 Months ago  
TanX..

Worked out after playing around with the css file a bit.

[code:1]div.msgtext pre
{
border-left: 5px solid #F4A94F;
border-right: 1px solid #CCC;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
overflow: scroll;
width: 550px;
}
div.msgtext code
{

font-family: "Courier News", monospace;
line-height: 1.5;
margin: 5px 0pt 15px;
padding: 10px 15px;
}[/code:1]


Weird why it have to be scrolled, should be able to make it fixed width, with text inside autocropping...

-Tom-
MetZ (User)
Fresh Boarder
Posts: 8
graphgraph
User Offline Click here to see the profile of this user
Logged Logged
 
 
#17690
Re:CodeBox floating problem 1 Year, 5 Months ago  
As I said, the "Pre" tag is intended NOT to wrap. This is to preserve code like certain javascript, which must stay on the same line to work, from getting screwed up.
palebluedot (Moderator)
FB Documentation Team
Template Documentation Project
Moderator
Posts: 622
graphgraph
User Offline Click here to see the profile of this user
Gender: Male Location: Minneapolis, MN US Birthdate: 1973-01-12
Logged Logged
 
 
 
#17701
Re:CodeBox floating problem 1 Year, 5 Months ago  
Done and done Didn't get the meaning of that until just now... Tanx m8..

-Tom-
MetZ (User)
Fresh Boarder
Posts: 8
graphgraph
User Offline Click here to see the profile of this user
Logged Logged
 
 
Go to top