[WebPub] Design Help for the CCI Site

[Christopher Giles]

Hello, folks. I took a peek at the code on Richard's site, and I can see where some of the troubles arise. There are some inconsistencies in the markup, so the defined styles are not being applied as they should be.

Each item on the Research Projects page is wrapped in a <p> tag, which has "font-size: small;" applied to it (line 42 of styles.css). The items on the People page are not wrapped in <p> tags, instead using <br> tags inside a table cell, so they are inheriting the <td> style of "font-size: 12px;". There are some other inconsistencies, but this example should point you in the right direction.

The key will be tidying up the HTML so it is consistent throughout the site, then adjusting the CSS to match. Right now, the HTML on the Research Projects page is more correct, treating paragraphs as paragraphs, rather than the People page, which treats everything as the contents of one table cell.

Since the People page looks more like you want, then you'll want to adjust the markup so everything that is a paragraph is marked as one, then tweak the styles to get the results you're seeing on Research Projects.

Cheers,

Christopher Giles
Web & Database Consultant
DCAD - Departmental Consulting and Application Development
MIT Information Services & Technology
csgiles at mit.edu
617-324-4574


From: Emer Garland-Scott <emer at MIT.EDU<mailto:emer at MIT.EDU>>
Date: Tuesday, June 19, 2012 10:06 AM
To: "Elizabeth E. McManus" <lmcmanus at mit.edu<mailto:lmcmanus at mit.edu>>
Cc: "cps at mit.edu<mailto:cps at mit.edu>" <cps at mit.edu<mailto:cps at mit.edu>>, Richard Hill <richill at mit.edu<mailto:richill at mit.edu>>, "web-pub at mit.edu<mailto:web-pub at mit.edu>" <web-pub at mit.edu<mailto:web-pub at mit.edu>>
Subject: Re: [WebPub] Design Help for the CCI Site

Hi Lizz,

Richard and I have connected and are planning on meeting soon to discuss his website needs.

Best,
Emer


On Jun 19, 2012, at 10:02 AM, Elizabeth E. McManus wrote:

Hello WebPubers,

Richard Hill, from MIT's Center for Collective Intelligence, is seeking some design advice from the WebPub community. His questions are below. If you have any suggestions or ideas for Richard, please email him at richill at mit.edu<mailto:richill at mit.edu>.

Kindly,
Lizz

*****

a number of things seem amiss on the site

most importantly, font and spacing rearrangement


compare these two pages


http://cci.mit.edu/research/projects.html


http://cci.mit.edu/people/index.html


the people page seems to be correct - the text was always much sharper with better spacing between rows


i seem to have gotten things to look a little better on my mac but there are still issues on pc's


at one point the text on nearly all pages of the site became very large and crowded almost unreadable


in april we had copied a page and edited it for different information  http://cci.mit.edu/ci2012/plenaries/index.html

it was at this time that the other pages started to act up


in addition, now, whenever i add new information to a page in dreamweaver, the text and spacing completely change and i have to rework all the text


hope this is helpful as a starting point....


thanks!


richard

_______________________________________________
WebPub mailing list
WebPub at mit.edu<mailto:WebPub at mit.edu>
https://mailman.mit.edu/mailman/listinfo/webpub


-------------- next part --------------
An HTML attachment was scrubbed...
URL: http://mailman.mit.edu/pipermail/webpub/attachments/20120619/14b791a0/attachment.htm