<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=us-ascii">
</head>
<body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; color: rgb(0, 0, 0); font-size: 12px; font-family: Helvetica, sans-serif; ">
<div>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.</div>
<div><br>
</div>
<div>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.</div>
<div><br>
</div>
<div>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.</div>
<div><br>
</div>
<div>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.</div>
<div><br>
</div>
<div>Cheers,</div>
<div><br>
</div>
<div>
<div>
<div>
<div>Christopher Giles</div>
<div>
<div>Web & Database Consultant</div>
<div>DCAD - Departmental Consulting and Application Development</div>
<div>MIT Information Services & Technology</div>
<div>csgiles@mit.edu</div>
<div>617-324-4574</div>
</div>
</div>
</div>
</div>
<div><br>
</div>
<div><br>
</div>
<span id="OLK_SRC_BODY_SECTION">
<div style="font-family:Calibri; font-size:11pt; text-align:left; color:black; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; PADDING-BOTTOM: 0in; PADDING-LEFT: 0in; PADDING-RIGHT: 0in; BORDER-TOP: #b5c4df 1pt solid; BORDER-RIGHT: medium none; PADDING-TOP: 3pt">
<span style="font-weight:bold">From: </span>Emer Garland-Scott <<a href="mailto:emer@MIT.EDU">emer@MIT.EDU</a>><br>
<span style="font-weight:bold">Date: </span>Tuesday, June 19, 2012 10:06 AM<br>
<span style="font-weight:bold">To: </span>"Elizabeth E. McManus" <<a href="mailto:lmcmanus@mit.edu">lmcmanus@mit.edu</a>><br>
<span style="font-weight:bold">Cc: </span>"<a href="mailto:cps@mit.edu">cps@mit.edu</a>" <<a href="mailto:cps@mit.edu">cps@mit.edu</a>>, Richard Hill <<a href="mailto:richill@mit.edu">richill@mit.edu</a>>, "<a href="mailto:web-pub@mit.edu">web-pub@mit.edu</a>"
<<a href="mailto:web-pub@mit.edu">web-pub@mit.edu</a>><br>
<span style="font-weight:bold">Subject: </span>Re: [WebPub] Design Help for the CCI Site<br>
</div>
<div><br>
</div>
<blockquote id="MAC_OUTLOOK_ATTRIBUTION_BLOCKQUOTE" style="BORDER-LEFT: #b5c4df 5 solid; PADDING:0 0 0 5; MARGIN:0 0 0 5;">
<div><base href="x-msg://223/">
<div style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; ">
Hi Lizz,
<div><br>
</div>
<div>Richard and I have connected and are planning on meeting soon to discuss his website needs.</div>
<div><br>
</div>
<div>Best,</div>
<div>Emer</div>
<div><br>
</div>
<div><br>
<div>
<div>
<div>On Jun 19, 2012, at 10:02 AM, Elizabeth E. McManus wrote:</div>
<br class="Apple-interchange-newline">
<blockquote type="cite">
<div ocsi="0" fpstyle="1" style="font-size: medium; font-family: 'Times New Roman'; ">
<div style="direction: ltr; font-family: Tahoma; color: rgb(0, 0, 0); font-size: 10pt; ">
Hello WebPubers,<span class="Apple-converted-space"> </span><br>
<br>
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<span class="Apple-converted-space"> </span><font size="2"><span style="font-size: 10pt; "><a href="mailto:richill@mit.edu">richill@mit.edu</a>.<br>
<br>
Kindly,<br>
Lizz<br>
</span></font><br>
<div id="divBdy" class="bdyItmPrt" _fallwcm="1">
<div>
<div>
<div>*****<br>
<br>
</div>
<div>a number of things seem amiss on the site</div>
<div><br>
</div>
<div>most importantly, font and spacing rearrangement</div>
<div><br>
</div>
<div><br>
</div>
<div>compare these two pages</div>
<div><br>
</div>
<div><br>
</div>
<a href="http://cci.mit.edu/research/projects.html" target="_blank">http://cci.mit.edu/research/projects.html</a>
<div><br>
</div>
<div><br>
</div>
<div><a href="http://cci.mit.edu/people/index.html">http://cci.mit.edu/people/index.html</a></div>
<div><br>
</div>
<div><br>
</div>
<div>the people page seems to be correct - the text was always much sharper with better spacing between rows</div>
<div><br>
</div>
<div><br>
</div>
<div>i seem to have gotten things to look a little better on my mac but there are still issues on pc's</div>
<div><br>
</div>
<div><br>
</div>
<div>at one point the text on nearly all pages of the site became very large and crowded almost unreadable </div>
<div><br>
</div>
<div><br>
</div>
<div>in april we had copied a page and edited it for different information <a href="http://cci.mit.edu/ci2012/plenaries/index.html">http://cci.mit.edu/ci2012/plenaries/index.html</a></div>
<div><br>
</div>
<div>it was at this time that the other pages started to act up</div>
<div><br>
</div>
<div><br>
</div>
<div>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 </div>
<div><br>
</div>
<div><br>
</div>
<div>hope this is helpful as a starting point....</div>
<div><br>
</div>
<div><br>
</div>
<div>thanks!</div>
<div><br>
</div>
<div><br>
</div>
<div>richard</div>
</div>
</div>
</div>
<br>
</div>
_______________________________________________<br>
WebPub mailing list<br>
<a href="mailto:WebPub@mit.edu">WebPub@mit.edu</a><br>
<a href="https://mailman.mit.edu/mailman/listinfo/webpub">https://mailman.mit.edu/mailman/listinfo/webpub</a><br>
</div>
</blockquote>
</div>
<br>
<br>
</div>
</div>
</div>
</div>
</blockquote>
</span>
</body>
</html>