[fel64]

Changing the width of the theme is easy; all it takes is a single change in a CSS file. If they hard-coded the width into the HTML, they deserve the extra work.

I think that if you use they backticks on an inline basis the overflow is hidden, but if you use it for paragraphs (specifically: backtick is in line above your code, I think) the overflow remains.

For example, a really long path like var/www.mywebsite.com/htdocs/wordpress/bbpress/bb-includes/template-functions.php or whatever will be cut off. If there had been spaces, it should wrap.

But a paragraph of code will have the scrollbar.

<?php

/*

Plugin Name: o/

*/

function withareallylongnamethatjustneverstopsandthefunctiondoesn'tevendoanythinguseful() {

return true;

}

[cssjuice]

hello,

i am going to launch a new forum for css design topics,

this new forum will be used at cssherald.com or cssjuice.com,

i need a simple and professional theme,

please reply here or send email to me if you can design it.

bidweblinks@gmail.com

Wallace

[castrezana]

I’m a newbie on CSS, but i’m trying.

I put a logo on header and looks good, but on the profile page it appear over the tabs. How can i move the tabs? See the example:

http://tinyurl.com/2pm77b

Btw, the forum it’s on http://forum.omedi.net .

Thanks.

[chaoticmess]

I edited the Karma Fruit theme for wordpress a bit to match the Bbpress theme. They dont look totally alike. There are some slight differences but I think when you look at it you think

of the Bbpress theme. I loved the Bbpress theme so much I wanted my WordPress to look the same . If you want the file changes let me know. Its just a few lines of css to make the difference in the original look for Karma Fruit.

http://chaoticmess.sittingonair.com/ < — Karma Fruit Theme

http://chaoticmess.sittingonair.com/forum/ <—- Bbpress Green Theme

MJ

[airdrawndagger]

I tried just copy-pasting my kakumei css to my wordpress css and while the structure of bbpress got back to normal with some minor quirks, it majorly disrupted my header and footer and with it my wordpress as well. How would I work around this, any other way then going through the stylesheets and changing everything so nothing’s colliding? I feel that’s A LOT of work.

http://www.doublepeace.se/forum

[dmitriid]

Available here: http://dmitriid.com/files/projects/skins/bbpress-mamut.zip

Used here: http://erlang.dmitriid.com/forum/

It may not look much, but i haven’t added any backgrounds or anything. Feel free to adjust it for yourself.

This template is derived from three-column flexible layout available at

http://www.webproducer.at/flexible-layout/

NOTICE. The template assumes you have the following plugins installed:

* bb-ratings.php, http://bbpress.org/plugins/topic/6

* since-last-visit, http://bbpress.org/plugins/topic/30

* online-list, http://bbpress.org/plugins/topic/24

If you don’t have those installed, remove corresponding function calls from the template

[rosebud]

Hey, thanks for the feedback. The fact that I almost have just a css file on “my-templates” is also a big compliment to the work done on bbPress and its markup.

fel: Thanks! Glad you like it. I agree with you on the colours. Actually, I began with only black, green and white, but somehow I just felt there where too many “greens” around (damaging the overall mood), so I grew tired of it and dropped some blue into the mix. But you certainly have a point on link-colour coherence. I’ll be looking on that. Thanks for the thumbs-up!

ganzua: Absolutely. The translation of “tags” is almost meaningless in Spanish. I often go for “categorías” instead of “tags”, and put “secciones” instead of “categories”. But for this forum I just put the translation files and didn’t touch anything…

And I have to thank back to the bbPress team for the simplicity of their work. It is a pleasure to “design” on it.

[rosebud]

Well, this is what I’ve got…

1. Are the forums in a flat list or a hierarchical structure? Yes, they are. The ones I’ve already dragged to be sub-forums.
2. Already done
3. Already done
4. Already done
5. Go to some other admin page. Yes.
6. Go to Content -> Forums again. The forums still appear in a hierarchy. Everything is fine so far.
7. Go to your site’s front page. Is there hierarchy? Nop. Is the forum you put at the bottom still at the bottom? Yes.

At this point I thought this had something to do with the css because the xhtml structure (front-page.php) was indeed updated. I checked the css and I found I had forgotten to put the #forumlist tr td div.nest . Done that. Checked… but nothing. I refreshed, cleared cache and nothing.

I then deactivated the Forum Restriction plugin and voilá. The forums where nested. In the admin section, in the “Forum Parent” dropdown now everything was fine. All the forums listed. It was strange since I have already deactivated the plugin before without results. In the front end it was explained by the missing css, but in the backend I really don’t know.

Thanks mdawaffe for your time.

ps: I tried activating the plugin again, and now I see the front page list of forums in hierachy. Weird. However, when I acces the parent forum, there is a table at the bottom with the name Subforums, but it is empty. When the plugin is deactivated the list is NOT empty. So it is apparently that plugin.

[Michael Adams (mdawaffe)]

After you changed the hierarchy in the admin section, did you click the “Save Forum Order” button?

I don’t believe this is a plugin issue. It’s possible it’s a theme issue. You may have to change some of the markup and CSS of your theme to get it to work correctly. Check out (can probably just copy and paste) the markup in /bb-templates/kakumei/front-page.php:

<?php if ( bb_forums() ) : ?>

<h2><?php _e('Forums'); ?></h2>

<table id="forumlist">



<tr>

<th><?php _e('Main Theme'); ?></th>

<th><?php _e('Topics'); ?></th>

<th><?php _e('Posts'); ?></th>

</tr>

<?php while ( bb_forum() ) : ?>

<tr<?php bb_forum_class(); ?>>

<td><?php bb_forum_pad( '<div class="nest">' ); ?><a href="<?php forum_link(); ?>"><?php forum_name(); ?></a><small><?php forum_description(); ?></small><?php bb_forum_pad( '</div>' ); ?></td>

<td class="num"><?php forum_topics(); ?></td>

<td class="num"><?php forum_posts(); ?></td>

</tr>

<?php endwhile; ?>

</table>

<?php endif; // bb_forums() ?>

You’ll then need some CSS too:

#forumlist tr td div.nest {

padding-left: 2.5ex;

}

Also, the URLs will not look like example.com/forum/sub-forum; the URLs do not currently reflect the hierarchy.

[Michael Adams (mdawaffe)]

There are two kinds of stickies. Those that stick in the individual forum pages and those that stick in the front page.

Click “Stick Topic” to stick it in the forum page.

Click “Stick Topic To Front” to stick it to the front page (click the “to front” part).

Not super intuitive

Stickies are given css classes: sticky and super-sticky (if it’s stuck to the front page). You can use those classes to style them however you like.

[matt123]

Ok did some work got front-page to display correctly by putting in (div page). Put that in all the css files calling header, sidebar and footer. Didn’t help. Here is the basic div structure:

<div head>

</div>

<div page>

<div ncol>

</div>

</div>

<div footer>

</div>

header {

margin: 0px 0px;

padding: 0px;

display: block;

width: 778px;

height:195px;

background-color: #314D73;

background: url(‘images/header.jpg’) no-repeat bottom center;

border: 0px solid #CCCCCC;

cursor: pointer;

}

.page {

width: 778px;

margin: 1px 0px;

padding: 0px;

background-color: transparent;

border:0px solid #CCCCCC;

text-align: left;

float: left;

}

.ncol {

padding: 20px 0px 10px 23px;

width: 395px;

background:transparent;

float:left;

}

.footer {

font-family: ‘Lucida Grande’, Verdana, Arial, Sans-Serif;

line-height: 17px;

font-size: 0.8em;

margin: 0px 0px;

padding-bottom: 30px;

width: 778px;

height: 80px;

background: url(‘images/footer.jpg’) no-repeat bottom center;

border:0px solid #CCCCCC;

clear:both;

}

link is mysoberlife dot com/forums

[simon551]

fel64,

you’re right. It contains some wacky slashes:

<link rel="stylesheet" href="http://somethingsomethingforum/bb-templates/kakumei/style.css" type="text/css" />

any idea how to fix this?

[thierryyyyyyy]

hm, I just notice that I did not upload my style.css …..

so you can’t see it well today (i will upload it tonight, I’m in Germany GMT+1)

But to show you what I mean, just go in the “View your profile” of this forum. you will see three boxes on the right : “Profile” , “Edit”, “Favorites”.

I’m sure you agree with me, it does not make sense to see them on the right.

So I change the style of these boxes and they look like tabs, nearly like the tabs on the top of this page : “Home”, “About”, “Documentation” ….

[ganzua]

“ganzua, can you post a link to your forum so we can take a look at the html/css?”

-> I didn’t upload yet, sorry, as soon as I finish I’ll post a link so you can check everything. I’m working in my computer yet.

I integrated wp and bb, and I removed bbpress header, footer and stylesheet. Now I’m using wp header, footer, sidebar and stylesheet for both, wp and bb.

I still have to find out what to do with login and profile forms because I have two instances of each one, one for bbpress and one for wp.

Besides I have to find out how to integrate emoticons, toolbar in forms (I have quicktags in bb and tinymce in wordpress) , post count, avatars… In fact I do not even know if all this is possible.

“to get both IE6 and IE7 on the same Windows machine, check this out:

* http://tredosoft.com/Multiple_IE&#8221;

-> Thanks for the tip! I’m checking the link

[bobbyh098]

ganzua, can you post a link to your forum so we can take a look at the html/css?

Also, to get both IE6 and IE7 on the same Windows machine, check this out:

* http://tredosoft.com/Multiple_IE

I have it installed on this machine, and it’s fantastic and very stable.

[ganzua]

Hi fel64! Thanks for your answer

There are two problems with max-width (I just checked);

1 it doesn’t work in IE6

2 In FF and IE7 you can fix the css box but the long name gets out of the box, just like it happens with the template of this forum

I noticec this same issue sometime ago when posting in the wordpress forum.

[fel64]

I don’t handle the first issue. What you could do is change the <td class="num"> to this:

<td class="num authorlist">

Then at the bottom of your theme’s style.css add:

.authorlist {

max-width: 75px;

}

or similar. You can add a similar max-width rule to the style for .threadauthor to the same effect: in FF and IE7, they will not exceed the intended width.

You don’t make stickes, you promote them: just above the “Move this topic” bit when you edit topics there are links to Stick topic (to the forum only) and (to front) (so it’s at the top of the front-page list too).

[mikeh269]

Aha!

A little bit of fiddling and I have a topic page that I like the look of.

It renders fine in FF and IE6, but not in IE7. Why, I’m not sure, but I’m happy enough with it.

FireBug is really incredibly useful. I used it as you suggested and it does indeed make things a little faster.

It would be nice if you could export the style.css after you’ve finished modifying it in their nice user interface, but that’s minor.

[mikeh269]

I’m just fiddling around with the Crystal theme and trying to get it to match my installation of Unsleepable on wordpress.

I also decided to put in avatars.

I’ve made a bit of a mess of it.

http://www.mikeh269.com/forum/topic.php?id=1&page&replies=3

As you can see, all the posts are somewhat pushed up so they are all together. I would appreciate it if I could get some help.

Here’s my post.php

<div class="threadauthor">

<p><strong><?php post_author_link(); ?></strong><br />

<small><?php post_author_title(); ?><br /><?php post_avatar(); ?></small></p>

</div>



<div class="threadpost">

<div class="post"><?php post_text(); ?></div>

<div class="poststuff"><?php printf( __('Posted %s ago'), bb_get_post_time() ); ?> <a href="<?php post_anchor_link(); ?>">#</a> <?php post_ip_link(); ?> <?php post_edit_link(); ?> <?php post_delete_link(); ?></div>

</div>

And the relevant parts of style.css

.poststuff{

font:10px Verdana,Arial,Helvetica,sans-serif;

text-transform:uppercase

}



.threadauthor small{font:11px Verdana,Arial,Helvetica,sans-serif}



.post {

margin-left: 100px;

position: absolute;

padding-left; 100px;

padding-up; 50px;



}



.threadauthor {

margin-left: 10px;

overflow: hidden;

position: absolute;

max-height: 215px;

width: 150px;

}

Any help would be appreciated.

[willspill]

My bbpress is having trouble displaying stylesheets correctly. I am using the default style that bbpress comes with. I have it installed locally on a test environment.

The admin section looks exactly how it should, but the forum itself does not. I have noticed that the path to the stylesheet is incorrect.

<link rel=”stylesheet” href=”http://localhostbbpress/bb-templates/kakumei/style.css&#8221; type=”text/css” />

notice how after localhost the “” is the wrong way.

Not sure if anyone can tell me how to fix it.

---

in the admin page, the stylesheet path is correct

<link rel=”stylesheet” href=”http://localhost/bbpress/bb-admin/style.css&#8221; type=”text/css” />

---

my config.php looks like this

// If your bbPress URL is http://bbpress.example.com/forums/ , the examples would be correct.

// Adjust the domain and path to suit your actual URL.

// Just the domain name; no directories or path. There should be no trailing slash here.

$bb->domain = ‘http://localhost&#8217;; // Example: ‘http://bbpress.example.com&#8217;

// There should be both a leading and trailing slash here. ‘/’ is fine if the site is in root.

$bb->path = ‘/bbpress/’; // Example: ‘/forums/’

[fel64]

Your HTML has improved. This is your current structure of major div elements:

div id="wrap"

div header [1]

div header [2]

div wrap [x]

div right

div sidebar

div content

div hottags

div discussions

div footer

You have two div elements with id wrap. IDs should always be unique, and the second one, marked with [x], is empty anyway so you can go ahead and delete it. You also have duplicate headers. The content of header [2] should be the only thing in header [1]. Div sidebar should be at the same level as div header is, not a child element. You can also delete the div right, as it’s kind of pointless.

Div footer should not be in content. It should be on the same level, not as a child. That should fix some problems with it, too. You can take out both float: left; and display: inline; in the CSS file for div content – they seem to cancel each other out, and floating it is unnecessary anyway and could come back to bite you later.

Your main problems in IE seem to be (seem, I don’t have dev tools for it) that major wrap is not centered and that content is just wide enough to conflict with sidebar. Slowly decrement the width of content and test if that makes it work. I am surprised it’s not centered in IE7, I’m fairly sure that the CSS margin: 0 auto; worked. However, to center it in IE6, you need to add the text-align: center; property to the wrap element (in CSS). To counter the effect this has on text, you need to add text-align: left; to header, sidebar and content.

When logged in, the div class post at the very bottom of the sidebar is not closed. You can just get rid of it I think. You are also using li elements for your Private Message Manager and Community Forum links, without actually having opened a ul or ol for them, which would probably cause problems so just remove the li tags.

That’s a start, anyway. Try it and we’ll see if it’s fixed anything.

[fel64]

#1: There are no style rules to tell the forum to go into the column. It’s just made of unstyled divs inside the body element. I don’t know how comfortable you are with HTML, but they should go inside the div with id wrap. That would really fix the greatest issue. You don’t need CSS to do that, since the wrap element would already do that (and the forum could actually be next to the sidebar).

#2: Please create a test account for us to see the HTML that’s causing a problem, or log in and copy the HTML to a pastebin and link to it here. My clue would be that there’s something wrong with the HTML, by the way. Is this an IE7 exclusive problem?

[mfaxion]

I know its been asked. Yes I have searched. Have everything integrated besides the positioning.

mysoberlife.com/forums/

Problem 1: My forum loads on the left of the screen, below sidebar and above the header.

Tried changing the position of the get_header to the end of the files in bbpress, that only created sidebar problems.

Am I missing something simple? I assume that I need to modify the CSS file for displaying the content to make it reference the correct location. I tried using an absolute tag but that creates problems for people with different screen sizes. Any recommendations on the CSS code to use?

Anyone have an idea of what to do? I’m loading the sidebar at the beginning instead of the end of bbpress php files.

By the way I’m having the config for bbpress call the wp-get-header. Inserted the relevant bbpress styling into my wpmu themes stylesheet.

Problem 2: On IE 7 part of my sidebar loads in the area where I want the forum to go. I believe it thinks that the sidebar is ending, some div work fixed it for the wpmu part of the site.

I have a login form that loads different information (control panel) once a user logs in. the problem only occurs when a user is logged in. If anyone has a clue I’d appreciate it.

Thanks

-Matt

[omarvelous]

Your right about the CSS, some reason it was “http://localhostblogforums/&#8230;..” That was the main page.

Not sure how the slashes turned like that….

I don’t care for the permalinks honestly, least of my worries, rather get this forum working first!

So….any other takers?

[bozzy]

I’m not sure I get it… here is what my css file looks like:

/*

Theme Name: K2 for bbPress

Theme URI: http://www.linickx.com/blog/archives/253/k2-for-bbpress/

Description: A port of the famous k2 to bbpress

Version: 0.01 theta-beta

Author: Nick [LINICKX] Bettison

Author URI: http://www.linickx.com

*/

/*

Derrived from Bryan Veloso orriginal style sheet that ships with bbpress, added a little style from the sheet availble from http://getk2.com, copyright of that to the people at http://binarybonsai.com !

*/

/* Globals

=================================== */

* { margin: 0; padding: 0; }

body {

font: 62.5% ‘Lucida Grande’, Verdana, Arial, Sans-Serif; /* 62.5% sets 1em to about 10px */

background: #EDEDED;

color: #444;

text-align: center;

margin-bottom: 30px;

}

a { color: #27d; text-decoration: none; }

a:hover { color: #27d; text-decoration: underline; }

.alt { background: #fff; }

code { font: 1.0em Monaco, ‘Courier New’, monospace; }

p { margin-bottom: 1.0em; }

.left { float: left; }

.right { float: right; }

.delete:hover {

background: #c00;

color: #fff;

}

h1 { font-size: 2em; }

h2 { font-size: 1.5em; }

/* Structure

=================================== */

#wrapper {

width: 780px; /* controls the main width of the page, if changed also change #content and .sidebar */

margin: 0 auto;

background: white;

text-align: left;

}

#header {

padding: 0;

margin: 0;

position: relative;

height: 200px;

background: #3371A3; /* header color default is #3371A3, for images – background-image: url(example.jpg); */

}

h1, h2, h3, h4 {

font-family: ‘Trebuchet MS’, Verdana, Sans-Serif;

}

#header h1 {

font-size: 3em;

font-weight: bold;

letter-spacing: -1px;

margin: 0;

padding: 75px 0 0 40px;

}

#header p { margin-bottom: 0; }

#header h1 a, #header h1 a:visited { color: #fff; text-decoration: none; }

#header h1 a:hover, #header h1 a:active{ text-decoration: underline; }

#main {

font-size: 1.2em;

width: 760px;

margin: 10px auto 25px;

position: relative;

}

.bbcrumb {

text-transform: uppercase;

font-size: 0.9em;

letter-spacing: 1px;

}

#footer {

margin: auto;

color: #666;

font-size: 1.0em;

letter-spacing: 2px;

text-transform: uppercase;

padding-top: 10px;

clear: both;

text-align: center;

width: 760px;

}

#footer a:link, #footer a:visited { /* more link link color fixes for nav & admin stuff */

color: #777;

text-decoration: none;

font-weight: bold;

}

#footer a:hover, #footer a:active {

color: #000;

text-decoration: underline;

font-weight: bold;

}

.notice {

border: 2px solid #4c9545;

background: #abd8a2;

color: #4c9545;

font-size: 1.1em;

font-weight: bold;

padding: 10px 15px;

margin: 0 0 1.1em;

}

.notice p { margin-bottom: 0; }

/* Login Form

=================================== */

.login {

color: #000;

margin: 10px 40px;

}

.login a, .login a:visited { color: #000; text-decoration: none; }

.login a:hover, .login h1 a:active{ text-decoration: underline; }

.login p { padding: 0 0 5px; }

.login label {

display: block;

float: left;

padding-right: 10px;

}

.login #submit {

font-size: 1.2em;

margin-top: 13px;

float: left;

}

p.login {

font-weight: normal;

font-size: 1.2em;

}

form.login input {

margin-top: 3px;

border: 1px solid #999;

}

/* Front Page

=================================== */

#front-page #hottags {

position: absolute;

top: 0;

left: 0;

width: 150px;

overflow: hidden;

}

#front-page #discussions {

margin-left: 0px;

width: 500px;

float: left;

}

.frontpageheatmap {

font-weight: normal;

line-height: 30px;

padding-bottom: 10px;

}

#front-page #main h2, h2.post-form, #userlogin, #currentfavorites, #register {

color: #333;

border-bottom: 1px solid #ddd;

margin: 0 0 10px;

padding: 0 0 5px;

}

#front-page #discussions ul { padding: 0 0 0 14px; }

.sticky {

background: #EDEDED;

}

/* Topic Page

=================================== */

.infobox {

border: 1px solid #ccc;

border-width: 1px 0;

padding: 1em;

width: 500px;

}

.infobox ul {

margin: 10px 0 10px 12px;

padding: 0;

}

.infobox ul li { padding-bottom: 3px; }

#topic-tags {

border-left: 1px solid #ccc;

float: right;

margin-top: -2em;

padding: 0 1em 1em;

}

.nav {

margin: 15px 0;

padding: 12px 0;

}

.nav span { font-weight: bold; }

.nav span, .nav a { padding: 6px; }

#thread {

background: #eee;

list-style: none;

margin: 0 0 0 100px;

padding: 0;

width: 500px;

}

#thread li {

padding: 1.5em 1.0em;

line-height: 1.5em;

}

#thread li ol, #thread li ul { margin-left: 40px; }

#thread li ol li, #thread li ul li { padding: 0; }

.threadauthor {

margin-left: -110px;

overflow: hidden;

position: absolute;

width: 95px;

}

.threadauthor small { font: 11px Verdana, Arial, Helvetica, sans-serif; }

.poststuff {

border-top: 1px dotted #ccc;

margin: 10px 0 0;

padding: 5px 0 0;

font: 10px Verdana, Arial, Helvetica, sans-serif;

text-transform: uppercase;

width: 500px;

}

.num, #forumlist small {

font: 11px Verdana,Arial,Helvetica,sans-serif;

text-align: center;

}

.postform {

background: #fff;

padding: 1em;

width: 500px;

}

.postform textarea {

height: 12em;

margin: 5px 0;

padding: 5px;

width: 500px;

display: block;

}

.postform label { display: block; width: 500px;}

.admin { padding: 10px 0 0; }

#manage-tags {

margin: 10px 0;

list-style: none;

}

#manage-tags li {

float: left;

width: 200px;

padding-bottom: 10px;

}

.submit { text-align: right; }

.topiclink { display: block; }

.topictitle {

font-size: 26px;

font-weight: normal;

display: inline;

}

/* Other

=================================== */

#content .frontpageheatmap a {

font-weight: normal;

text-decoration: none;

}

#content .infobox li { margin-bottom: 2px; }

#content .nav a {

border: 1px solid #ccc;

font-weight: normal;

}

#content .nav a:hover {

border: 1px solid #999;

}

#content a:visited {

font-weight: normal;

}

#front-search {

float: right;

margin-top: -8px;

}

#latest td, #forumlist td, #favorites td { padding: 5px 10px; }

#latest tr:hover, #forumlist tr:hover, #favorites tr:hover { background: #cbd9e4; }

#latest th, #forumlist th, #favorites th {

/* border-bottom: 1px solid #aaa; */

background: #3371A3;

color: #fff;

padding: 5px 10px;

text-transform: uppercase;

font-weight: bold;

}

#latest th a:link, #latest th a:visited, #latest th a:active {

color:#fff;

}

#latest, #forumlist, #favorites {

background: #f7f7f7;

margin-bottom: 2em;

width: 100%;

}

.bozo { background: #eeee88; }

.alt.bozo { background: #ffff99; }

.deleted { background: #ee8888; }

.alt.deleted { background: #ff9999; }

/* Profile Page

=================================== */

#profile-menu {

margin: -35px 0px;

padding: 0 0 30px 0;

float:right;

}

#profile-menu ul {

margin: 0;

padding: 0;

position: absolute;

bottom: 0;

left: 20px;

width: 90%;

}

#profile-menu li {

display: inline;

margin: 0;

}

#profile-menu,

#profile-menu li a {

padding: 5px 15px 6px;

}

#profile-menu li a {

font-size: 1em;

color: white;

margin: 0;

}

#profile-menu li a:hover {

background: #333;

color: #eee !important;

text-decoration: none;

}

#profile-menu li.current a,

ul.menu li.current a:hover {

color: #333 !important;

background: white;

text-decoration: none;

}

#userinfo { margin-top: 10px; }

#userinfo dt { font-weight: bold; }

#userinfo dd { margin: 0 0 5px; }

#useractivity { margin: 15px 0 5px; }

.user-recent { margin: 0 0 10px; }

.user-recent ol { margin: 5px 0 0 28px; }

.user-recent ol li { margin: 0 0 3px; }

/* Profile Edit

=================================== */

fieldset {

border-top: 3px double #ccc;

border-bottom: 1px solid #ccc;

border-left: none;

border-right: none;

padding: 10px 0 10px 10px;

margin-bottom: 15px;

width: 500px;

}

legend {

font-weight: bold;

padding: 0 15px;

}

fieldset table {

text-align: left;

margin: 0 15px;

}

fieldset table td { padding: 2px 0; }

fieldset p {

font-size: 11px;

margin: 10px 16px;

}

/* further additions by Nick */

/* this is for my 48 x 48 avatars */

.post {

min-height: 60px;

}

Can you tell me if it’s right?