I've been working with adding content islands to my websites to draw some more attention to the board. Unfortunately, the styling of the islands is relatively poor; I've figured it's because I haven't managed all the details right.

The problem, though, is that the links for documentation from inside the board control panel do not lead anywhere useful; they just take me to the root URL of the Infopop Support board instead!

I've made some slight progress since starting out earlier this morning; I opened the actual CI file inside my browser and skimmed it for the class names, then created a special CSS file on my local site. This worked for one of my CI's -- the "featured messages" list which has the thread titles and limited information. However, the "news" list, which gives a more complete display of the message including the entire post, does not have any CSS classes included in it -- and thus I can't format it properly without changing the definitions for the rest of my website's page! How can I fix this?

My two content islands are displayed on this page: http://www.st-minutiae.com/cafe/index.shtml (scroll to the bottom).

Thanks,

Dan Carlson, Administrator, Subspace Comms Network
A Proud Mac User!

Here's something you can try.

Wrap the News content island in a div, such as:

<div id="news-ci">
</div>

Then, set the CSS styles for the elements in the content island as follows:

#news-ci a { color: orange; }
#news-ci span { font-weight: bold; }

What this will do is style only the elements that are contained within the specified DIV. Any span or a (or whatever you choose) elements outside will adhere to normal styles.

Ah... I wondered if a DIV tag might be useful...

Could you give me a hint of how to work that into an existing CSS style?

Here's what I've got right now...

td {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFFFFF;
	background-color: #000000;
}

I've thought of a problem, though... the news content islands include several tables themselves, and there's no way to differentiate from the title of that table and the various contents...

Dan Carlson, Administrator, Subspace Comms Network
A Proud Mac User!

Assuming the CSS you posted is what you want to apply to the news ci, try this:

<style type="text/css">
#news-ci td {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFFFFF;
	background-color: #000000;
}
</style>

I don't quite follow the last part you posted. Give this a shot and let me know if you have trouble.

Actually, after I posted the question I figured out what I needed to do -- the only thing that confused me was that you didn't have all those returns in it. Thanks, though!

But what about the lack of CSS styles inside the table of the "news" content island?

Dan Carlson, Administrator, Subspace Comms Network
A Proud Mac User!