Archive for February, 2010
Starting in wp 2.6, css for image captions was added. Here is an example to be inserted in the style.css.
[code]
.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
/* optional rounded corners for browsers that support it */
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
[/code]
It is annoying that WordPress’ editor, after years, STILL does not allow you to put in line breaks. It removes them.
A way to trick it is to put in the following code:
<div style="height: 1.4em; visibility: hidden;">ANY_CHARACTER_HERE</div>
For years, the Village of Nyack had a six page website with minutes and agendas that were years old and not updated. Staff didn’t have the expertise to maintain the site themselves, but there was a need at a minimum to post documents.
The Village, like any local government, has demanding content management requirements, so FSI chose Drupal 6 to manage the groups, staff and documents.
The site is still under development, currently using a modified template while a custom design is underway, but in only a month the site has over a hundred documents that are being updated and maintained by staff.
Survey Sampling is a large, corporate site in eight languages. FSI partnered with GORGES to rebuild the site in Drupal 6. SSI’s site involved complex programming for taxonomies, localization and publishing work flow.
NY Boat Charter is a premier yacht chartering service in the New York City area. Their flagship, Royal Princess, is certified to carry 240 passengers, and has hosted ABC’s “The Bachelor.” FSI helped integrate a full length video clip from the show.
NY Boat is a complex site with well over 100 pages which needs constant editing. FSI built their website on WordPress, starting with a premium template but adding significant design elements and programming.
Transparent PNG files don’t always work in IE6. A nice solution is outlined at http://bjorkoy.com/past/2007/4/8/the_easiest_way_to_png/ . It has a nice solution using CSS and JS.
I implemented it at NYBoatcharter.com.
If you’re using the TinyMCE wsywig editor in drupal then you may find that the editor’s background color gets set to that of your website rather than being the more normal white-ish color – this can cause the wysiwyg editor look like the proverbial dog’s dinner and depending on your websites background color/image, can make reading the text very difficult.
Well, the good news is that it’s easily fixed – in Drupal, go to Adminsiter/Wysiwyg menu and for each import format with which you are using TinyMCE, click ‘edit’. Once in the settings editor click on the ‘CSS’ section and in the ‘Editor CSS’ drop-down choose ‘Editor default CSS’ and save. Do this for each import format and the editor’s background should revert to a calming white.