3 replies [Last post]
dhaynes
dhaynes's picture
Offline
Regular
Midwest, US
Last seen: 14 years 34 weeks ago
Midwest, US
Timezone: GMT-4
Joined: 2007-05-20
Posts: 38
Points: 0

Hey Everyone,

I need a site check for my blog at: http://mediacritiq.blogspot.com

The site validates in XHTML 1.0 Transitional on the front page as well as the CSS (except the classic.css which is generated) , but on the item pages the XHTML doesn't due to a lot of generated code that I have no control over.

I have checked my site in the following browsers: Firefox 2.0, IE7, IE6, IE5.5, IE5.01, Opera 9.2

Any constructive criticism or errors/problems noticed in Mac/Linux browsers would be greatly appreciated.

The CSS for this site is shown below:

/*----------------------------------------------------------------------------- MediaCritiq Screen Stylesheet

version: 05/24/07
website: http://mediacritiq.blogspot.com
-----------------------------------------------------------------------------*/

/* Default Styles
-----------------------------------------------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,
p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,
dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,
sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,
caption,tbody,tfoot,thead,tr,th,td
{
margin:0;
padding:0;
border:0;
outline:0;
font-weight:400;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
}
/* remember to define focus styles! */
:focus
{
outline:0;
}
ol,ul
{
list-style:none;
}
caption,th,td
{
text-align:left;
font-weight:400;
}
blockquote:before,blockquote:after,q:before,q:after
{
content:"";
}
blockquote,q
{
quotes:"" "";
}
iframe#navbar-iframe, div#space-for-ie
{
display:none;
}

/* Body
-----------------------------------------------------------------------------*/
body
{
background:#fff url(http://www.umich.edu/~darynh/mediacritiq/bg.gif) repeat-x;
color:#000;
font:62.5%/1.667 Arial, Verdana, sans-serif;
}
body a
{
color:#B01E11;
text-decoration:none;
}
body a:hover
{
border-bottom:1px dashed #B01E11;
}
body a:active
{
background:#2E2321;
}
div#container
{
position:relative;
left:50%;
width:810px;
margin-left:-405px;
}

/* Header
-----------------------------------------------------------------------------*/
div#header
{
background:#000;
}
div#header span
{
background:url(http://www.umich.edu/~darynh/mediacritiq/logo2.gif) no-repeat;
background-position:0 10px;
margin-left:10px;
}
div#header span, a#logo
{
color:#000;
display:block;
float:left;
height:115px;
text-indent:-9999px;
width:335px;
}
a#logo:hover, a#logo:active
{
background:url(http://www.umich.edu/~darynh/mediacritiq/logo2.gif) no-repeat;
background-position:0 10px;
border-bottom:none;
}

/* Content
-----------------------------------------------------------------------------*/
div#content
{
background:#fff;
color:#000;
font-size:1.2em;
float:left;
padding:2em 1em 1em;
width:495px;
}
h1.post-title a
{
color:#C59D1A;
font-size:2em;
font-weight:700;
line-height:1em;
text-transform:lowercase;
}
h1.post-title a:hover
{
border-bottom:2px dashed #C59D1A;
}
div.post-body
{
margin-top:1em;
}
div.post-body img a
{
border:2px solid #fff;
}
div.post-body img a:hover
{
border:2px solid #000;
}
p.blogger-labels
{
font-weight:700;
}
p.post-footer
{
border-top:.2em solid #000;
color:#333;
margin-top:1em;
}

/* Comments
-----------------------------------------------------------------------------*/
div#comments
{
margin-top:2em;
}
h4#commentnumber, h4#links
{
border-bottom:2px solid #000;
font-size:1.8em;
font-weight:700;
line-height:1.25em;
margin-top:2em;
}
p.comment-author
{
font-size:1.2em;
margin-top:1em;
}
div.comment-body
{
background-color:#EAEAEE;
border:.1em solid #333;
padding:.5em;
}
p.comment-footer
{
position:relative;
bottom:1em;
}
a.comment-link
{
font-size:1.4em;
font-weight:700;
}

/* Sidebar
-----------------------------------------------------------------------------*/
div#sidebar
{
color:#000;
float:right;
margin-right:50px;
margin-top:1.667em;
width:220px;
}
div#profile-container, div.sidebar-container
{
background-color:#fff;
border:.1em solid #C59D1A;
border-top:none;
margin-bottom:2em;
padding:.5em;
}
h3#about
{
height:1.25em;
margin-top:10px;
}
h3.sidebar-title
{
background-color:#000;
clear:left;
color:#C59D1A;
font-size:1.8em;
line-height:1.25em;
margin-top:.5em;
padding-left:.4em;
text-transform:lowercase;
}

/* Footer
-----------------------------------------------------------------------------*/
div#footer
{
background:#000;
clear:both;
color:#fff;
font-size:1em;
padding:10px;
text-align:center;
}
div#footer p a
{
color:#C59D1A;
text-decoration:none;
}
div#footer p a:hover
{
border-bottom:.1em dashed #C59D1A;
}
p#blogger a:hover
{
border-bottom:.1em dashed #f60;
color:#f60;
}
p#blogger img
{
margin:0 0 -5px 5px;
}

Need a Wordpress site? I'm your guy.

asimpleart
asimpleart's picture
Offline
Enthusiast
Last seen: 11 years 50 weeks ago
Timezone: GMT-5
Joined: 2007-01-31
Posts: 94
Points: 4

Nice!

Well organized, well coded. Looks good on my end Smile

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 8 years 17 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

The 'What is MediaCritiq?'

The 'What is MediaCritiq?' post looks like it's missing the dividing line that separates it from the next post.
Your social bookmarking links should be wrapped in a block level element.
There's some inline styling which should be moved to the stylesheet and some <br>s used to create spacing when margins should be used instead.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

Crea
Crea's picture
Offline
Enthusiast
Hamburg - Germany
Last seen: 11 years 40 weeks ago
Hamburg - Germany
Timezone: GMT+2
Joined: 2007-02-08
Posts: 131
Points: 8

looks ok on Win Server 2003

looks ok on Win Server 2003 ie6

lars

A perfection of means, and confusion of aims, seems to be our main problem.
Albert Einstein

http://www.creategg.de

fatfreddy
fatfreddy's picture
Offline
Enthusiast
Deep down under
Last seen: 15 years 29 weeks ago
Deep down under
Timezone: GMT+8
Joined: 2005-03-25
Posts: 390
Points: 0

Nice layout and easy to read

Nice layout and easy to read / navigate except that the default font size is pretty small

Fat Freddy

The only reason for time is so that everything doesn't happen at once
--Albert Einstein

Accessible webdesign Australia - webechodesigns