diff --git a/README.md b/README.md index 303a745..af1d1b1 100644 --- a/README.md +++ b/README.md @@ -1,10 +1,5 @@ -#Interim specification +#What do I need? -Something that automatically creates a grid of images, that links them to relevant Facebook profiles. Need to be able to export html using inline styling. - -#TODO - -1. Better control of grid -2. Use jquery to allow for click-drag-adjustments -3. Ability to save out a screenshot. +Something that automatically creates a grid of images, that links them to relevant Facebook profiles. Need to be able to export html that contains stylesheets. +#Resources diff --git a/index.html b/index.html index cc0ae93..0ef2b8f 100644 --- a/index.html +++ b/index.html @@ -17,12 +17,40 @@ #banner, #bannerSource { margin: 10px; } - + + /** + * For modern browsers + * 1. The space content is one way to avoid an Opera bug when the + * contenteditable attribute is included anywhere else in the document. + * Otherwise it causes space to appear at the top and bottom of elements + * that are clearfixed. + * 2. The use of `table` rather than `block` is only necessary if using + * `:before` to contain the top-margins of child elements. + */ + .cf:before, + .cf:after { + content: " "; /* 1 */ + display: table; /* 2 */ + } + + .cf:after { + clear: both; + } + + /** + * For IE 6/7 only + * Include this rule to trigger hasLayout and contain floats. + */ + .cf { + *zoom: 1; + } +
Simple Facebook image banner creator
+