Home (public_html) [status=moved]
helloPicture
helloPicture2

blogTest [status=moved]
my blog test
my delphi 7 testing

googleTest
Google custom search

myTest [status=moved]
template
rwd
background

rwdBook [status=moved]
ex01 [rwdBook-01]
ex02 [rwdBook-02]

withCSS
onlyBox-6a [withCSS]

floats
myTutorial [floatTutorial]
myTutorial-2 [floatTutorial]

floats redux
zmyBoxT4a [floatRedux]
zmyBoxT5 [floatRedux] variableWidths How to Use CSS - An Overview
zmyBoxT6 [floatRedux] fixedWidths
zHelloWorld [floatRedux]

stacking content blocks
myTest-original [fork from floatRedux/zmyBoxT5]
myTest-ver01 [version 1]
myTest-ver02 [version 2]
myTest-ver03 [version 3]

OI CMS - internal style sheets
home [inline-block, fluidImg, compare/contrast Sunshine Review image]
stayClear [inline-block, fluidImg]
Test
Webflow
webflow grid layout columns - 2, 3, 4, 6

OI CMS - test external stylesheet before sending to OI for uploading into test system
fHome oiCMS using stylesheet sent to OI for upload to test system


OI CMS - Wagoner County
external style sheets

Status
webPage
Comments
notes and assumptions relevant to why I did what I did
mobile-friendly classes for body of OI CMS page in external style sheet [obsolete]
classes sent to Oklahoma Interactive to be loaded to test system [obsolete]
page template : float:left with homepage slider
page template : inline-block with homepage slider
page template : float:left and no slider
page template : inline-block and no slider
bottom-of-page menu demo [float] : all four (4) data possibilities
bottom-of-page menu demo [inline-block] : all four (4) data possibilities
margins and responsive design
borders and responsive design
padding and responsive design - also bonus discussion about how to avoid "breaking the float"
fluid images and responsive design
fluid images and adaptive OI CMS
clearfix demo : several different ways... [Aug-2016 update - clear vs. clearfix]
float:left, standard classes, fluid-img
inline-block, standard classes, fluid-img
home page implemented using OI CMS Responsive Tables
demo using fpanels & fblocks (float:left) to implement OI Responsive Tables
demo using ipanels & iblocks (inline-block) to implement OI Responsive Tables
using fpanels & fblocks to implement home page in the style of OI Responsive Tables
using ipanels & iblocks to implement home page in the style of OI Responsive Tables
...
...
this line intentionally left blank...
Ephox EditLive! breaks the inline-block "connecting comments" technique
various flavors of inline-block eg- connecting comments, all one line, negative margin, etc...
does float work when entered in Ephox EditLive! ?
...
...
prototyping following pages to see what else can be found...
inline-block, function-specific classes
tbd
...and commD1, commD3
tbd
...and photoGalleries for D3, EM, SC, etc...
--> OI CMS - desktop only
--> mobile-friendly - design on paper
--> mobile-friendly - wireframe (float)
--> mobile-friendly - with content (float)
...and Assessor, CourtClerk, DA, Sheriff, Treasurer, E911, etc...
tbd
...
tbd
...and fifteen (15) other fire departments
tbd
...some pages will need to be redesigned
new
row
new row...


Bonus Exercises
external style sheets

Status
webPage
Comments
this way to Porter 8-) [state of Maine website code]
this way to Porter 8-) [my code] - boxes
this way to Porter 8-) [my code] - boxes and half-boxes
this way to Porter 8-) [my code] - with Wagoner County content


Stacking Content Blocks
in Oklahoma Interactive CMS Test System

Status
webPage
Comments
working on Home Page
new
row
new row...
new
row
new row...


OI CMS - tbd1
external style sheets

Status
webPage
Comments
...
...
tbd


OI CMS - tbd2
external style sheets

Status
webPage
Comments
...
...
tbd