forumlist table wrapping issue
-
Hello.
Why would one table come up ok (latest), but forumlist would look like this? http://i896.photobucket.com/albums/ac166/nobody5973/screenshot_003.png
This is what I have in style.css
#latest, #forumlist, #favorites {
background-color: #f7f7f7;
margin-bottom: 3em;
width: auto;}
Isn’t the wrapper in the body supposed to *wrap* things up nicely?
#wrapper {
margin: 0 0 0 0;
background: #fff;
width: 850px;
padding: 0 20px;}
I hope that people have been confronted with this issue before and successfully overcame it,
Thank you.
Bob
-
style.css line 697
.num, #forumlist small {
font:11px Verdana,Arial,Helvetica,sans-serif;
text-align:center;
white-space:nowrap;
}
You need to remove the line in bold
Kevin, you’re the man! Worked like a glove. I had no clue where to look.
Mind you, how did you know my line nr?
Thank you.
Regards,
Bob
Hello again.
I’m back to the unwrapping issue again.
Even though I’ve got
.num, #forumlist small {
font: 11px Verdana,Arial,Helvetica,sans-serif;
text-align: center;
} forumlist is still unwrapped, as in the screenshot.
http://i896.photobucket.com/albums/ac166/nobody5973/screenshot_003.png
Any ideas?
Bob
line 703 mate
.num, #forumlist small {
font:11px Verdana,Arial,Helvetica,sans-serif;
text-align:center;
white-space:nowrap;
}
OK, but it’s not working. I don’t think that the line nr matters that much, does it?
Anyway, I’ll post everything that involves my forumlist from my stylesheet here, to prove that I did exactly what you’ve suggested.
.num, #forumlist small {
font: 11px Verdana,Arial,Helvetica,sans-serif;
text-align: center;#latest td, #forumlist td, #favorites td { padding: 5px 10px; }
#forumlist tr td div.nest {
padding-left: 2.5ex;
}
#latest tr:hover, #forumlist tr:hover, #favorites tr:hover { background-color: #d8dcf2; }
#latest th, #forumlist th, #favorites th {
text-align: left;
background-color: rgb(102, 102, 102);
font: 11px Verdana,Arial,Helvetica,sans-serif;
font-weight: normal;
padding: 5px 9px;
color: rgb(255, 255, 255);
}
#latest th a, #forumlist th a, #favorites th a {
color: rgb(200, 200, 200);
font-style: italic;
}
#latest th a:hover, #forumlist th a:hover, #favorites th a:hover {
color: rgb(255, 255, 255);
}#latest, #forumlist, #favorites {<br />
background-color: #f7f7f7;<br />
margin-bottom: 3em;<br />
}</p>
<p>#latest, #forumlist {<br />
margin-top: -0.9em;<br />
padding-right: 10px;I hope that it is of some use.
Bob
You could try the lazy way and force a CSS override.
white-space: wrap !important;
Basically in one of the earlier or later rules you have nowrap set.
make certain you have a closing
}
though on this block.num, #forumlist small {
font: 11px Verdana,Arial,Helvetica,sans-serif;
text-align: center;
} <<<<<
missing ?Hi Pastor Bob,
Apologies you were getting my quick/little-explanation replies this morning.
The Line Numbers aren’t important at all, its jsut to give you a quick indication of where things were.
Here’s the crux of the issue, this CSS command
white-space:nowrap;
overwrites any Styling you specify in the stylesheets by the HTML conent.Its something I would remove compeltely from your stylesheets if possible.
Hello.
Firstly, thank you for your responses.
I’ve tried
white-space: wrap !important;
with no effect unfortunately.Thank you for you Polls and Instant Password plugins. I admire the practical approach.The “}” has been simply overlooked when I pasted in the lines. It exists in my style.css
Your explanations were very good, since I got it working once. But now it isn’t any more. The only thing that I have installed afterwards was the BBcode Buttons Toolbar plugin, but even after having deactivated it, things are still the same.
I found this piece of advice though, http://www.devcomments.com/Display-Sub-forum-on-2-or-mocolumns-to17176.htm , but now I cannot seem to find functions_display.php , so I can try this man’s idea as well.
Bob
Somewhere on your page or in your stylesheets the word NOWRAP appears.
So do a view source and search for NOWRAP.
Then look in style.css for NOWRAP
Somewhere, one of them is causing the trouble.
Another nasty workaround might be
.num, #forumlist small {
overflow:hidden;
max-width:400px;but I highly recommend finding the real source of the problem.
Hello.
I managed to identify my problem. Both your advices worked perfectly, it was my lack of attention to be blamed here.
When I was uploading the file via FTP (filezilla) I wasn’t paying attention to the new file size on the server (which proved to be different – smaller – than the one that was being uploaded). I know that I have the possibility to compare them, so I would have spotted this much earlier but…
After I’ve changed the permissions again (755, an issue that I had before) and uploaded it from their (the server’s) file manager, things turned out just fine.
I thought that you had a way of *getting* my line number, even if I was modifying my style.css, since you’ve quoted it so accurately. I understand that the main use is referential. Which is good!
The only reference to
white-space:nowrap;
was at 697, as you said, and I have removed it.Are this guy’s suggestions ( http://www.devcomments.com/Display-Sub-forum-on-2-or-mocolumns-to17176.htm ) of any use? And if yes, I go back to my question from my last post, where can we find functions_display.php?
Thank you once again.
Regards,
Bob
Ah the problem is fixed now, found the site via google.
The page you are linking to for suggestions is for vbulletin which is an entirely different forum program.
I stand corrected, again. I missed the bit “Home >> Web forums >> Vbulletin >> May, 2009″.
No wonder…
Thank you.
Bob
- You must be logged in to reply to this topic.