CSS font stacks, media style sheets & web standards
This page is part of a searchable archive of the Code Style site log. Technical implementation notes that shed light on when, why and how the site has evolved since 2000.
Follow the latest entries to the site log.
Modified
AbstractAdSelector so that cycled text ad service areas whose monthly rate is less than a dollar (i.e. zero) are not displayed as a bookable option. Removed magic numbers from CycledAdSelector and TextAdSelector and corrected styling for both.
Actions: Ask a question about this post, seek clarification or offer a correction.
Added include statements to various email form templates for a holiday status message.
Actions: Ask a question about this post, seek clarification or offer a correction.
Tightened-up the email template output of the MailingListTemplate class when services are not included in the submission and added spacing between lines when they are.
Actions: Ask a question about this post, seek clarification or offer a correction.
Added short URL redirects to the root level .htaccess configuration for the generic font family sampler pages.
Redirect seeother /cursive http://www.codestyle.org/css/font-family/sampler-Cursive.shtml
Redirect seeother /fantasy http://www.codestyle.org/css/font-family/sampler-Fantasy.shtml
Redirect seeother /monospace http://www.codestyle.org/css/font-family/sampler-Monospace.shtml
Redirect seeother /sansserif http://www.codestyle.org/css/font-family/sampler-SansSerif.shtml
Redirect seeother /serif http://www.codestyle.org/css/font-family/sampler-Serif.shtml
Actions: Ask a question about this post, seek clarification or offer a correction.
Adapted the FontSurveyTemplate class to output font survey results tables for the generic font family sampler pages. Required the addition of SimpleDateFormat and DecimalFormat fields for the results date and two decimal places for the percentage figure:
private static final String PERCENT_SYNTAX = "#,###,###,##0.00";
private static final DecimalFormat PERCENT_FORMAT = new DecimalFormat(PERCENT_SYNTAX);
Altered the table head output to match the per platform results tables and table body to include the percentage figure and bar chart image. Also changed the display sequence for the generic font family listings to Windows, Mac, Unix family.
Published the latest font survey results with new results table format for generic font family sampler pages.
Added Information class attribute markup to the privacy statement beneath the font survey forms and article feedback form. Changed table markup for all feedback forms so that comment text areas span both columns with heading above. Also styled the information paragraph class to have a grey background and border, and the same overall width as the Google banner ad beneath.
p.Information {
text-indent: -20px;
padding: 10px 10px 10px 30px;
width: 425px;
}
p.Information {
border: solid #ccc 1px;
background: #F9F9F9;
color: #333;
}
Styled submit buttons to float to the right of the form, with redundant class attribute for Internet Explorer.
.Feedback td input[type='submit'],
.Feedback td input.Submit {
float: right;
}
And controlled the overall width of feedback tables and set textareas to display full width:
table.Feedback {
width: 63%;
}
.Feedback textarea {
width: 100%;
}
Reduced the size of table headings and cell content:
.Feedback th, .Feedback td {
font-size: 90%;
}
Actions: Ask a question about this post, seek clarification or offer a correction.
Updated AbstractAdSelector to add an isAvailable() method to the ServiceArea inner class. If not available, the selection check box is not displayed. Set the home page service area as not available.
Actions: Ask a question about this post, seek clarification or offer a correction.
Created a new mailing list template to generate a series of server side include files for a global mailing lists subscription form. Created a mailing list Soupermail form configuration file and set of templates for incomplete submission, success and email output. Then extended the mailing list template output class to generate the dynamic variable contents of the email template.
Updated the standard layout stylesheet CSStdLayoutCommon.css to add more margin beneath table captions:
caption {
padding-top: 2%;
padding-bottom: 1.5%;
}
And the livery style sheet CSStdLiveryCommon.css to stripe the mailing list subscription tables and add borders:
.MailingList th, .MailingList td {
font-size: small;
}
.MailingList th {
border-left: solid 1px #ccc;
border-bottom: double 3px #333;
}
.MailingList td {
border-left: solid 1px #ccc;
border-bottom: solid 1px #ccc;
}
.Odd td {
background: #F9F9F9;
color: #333;
}
Added a short URL redirection to the new mailing list page:
Redirect seeother /mailinglists http://www.codestyle.org/codestyle/MailingLists.shtml
Added new FAQ answers to several sections:
Added a working draft TitledTextField to the Swing package, but did not display as intended initially.
Added an Information class attribute to the site privacy statements at the foot of user feedback forms and created style to set the information icon to the left of the text.
p.Information {
text-indent: -20px;
margin: 20px;
}
Actions: Ask a question about this post, seek clarification or offer a correction.
Find technical implementation notes on all aspects of the Code Style site.
For a summary overview, see the annotated site log contents.
