Rhode Island Parent Information Network
Website
Concentrating on creating a family-friendly and user friendly design, the site allows visitors to tap into the resources of this non-profit organization. Adhering to web standards and accessibility, the website uses a content management system for ease of updating.
Rhode Island Parent Information Network
DVD / VHS Cover
DVD cover for film sponsored by the Rhode Island Parent Information Network. The film focused on the inclusion of a boy with Down syndrome into a regular preschool environment. Featuring still images from the film and original artwork by the boy's sister, this design was mass produced and marketed to schools, individuals, and educational professionals throughout the world.

About Me
Quick Statement
After receiving training from the Rhode Island School of Design, I have been involved with print and web design for the last five years. Currently based in Providence, Rhode Island, I work a steady day job and try to squeeze in a few hours of design and extra curricular activities at night. I am a fan of enticing clean typography and rich graphics and tone. I recognize that design is a personal discretion but also believe that design extends beyond just a client’s desires. Design affects everyone: the client, the reader, the viewer.
Drop Me a Line
If you like my style or want to know more, contact me by sending an email, or give me a ring. I am always up for a chat. And hey, thanks for stopping by!
CSS Fixes For Common Layout Problems
Double Float Margin Bug
One of the more frustrating problems with Internet Explorer is the double float margin bug. Whenever an element is given a float and margin is applied, IE decides to double the margin value in the direction of the float. There are numerous workarounds.
One solution is to apply margin and padding only to the element's containing content such as the text or images. But one of the easiest fixes is to give the element "display: inline". Look at the example below:
#content {float: left; width: 500px; padding: 10px 15px; margin-left: 20px; }change to this:
#content {float: left; width: 500px; padding: 10px 15px; margin-left: 20px; display:inline;}Clearing Floats
Often we are so busy typing code that we might forgot about what goes on after giving an element a float. When I can remember it, I clear all my floated elements by applying this empty div:
.clear {clear: both;}Horizontal Rule with Background Image
When you want to do away with that solid color horizontal rule, try this technique that promises to work in all browsers:
div.hr {background: #fff url(myhrimg.gif) no-repeat scroll center; height: 10px;}
div.hr hr {display: none}with your html being:
<div class="hr"><hr /></div>However, if you just want a solid line, I have been having no problems at all with this css working in all browsers:
hr {color: #333; background-color: #333; height: 2px; border: none;}

enlarge image 


enlarge image 




enlarge image 


enlarge image 


enlarge image 


enlarge image 
