2 replies [Last post]
JessicaM
Offline
Regular
Last seen: 18 years 11 weeks ago
Joined: 2004-04-21
Posts: 21
Points: 0

Hi folks. I am happy with every aspect of this blog except the comments section. Here is the blog:

http://www.wigglemusic.com/blog

It would be much appreciated if some folks could check the "comments" section/window from different avenues on my site. Meaning, access the "comments" window from the main page, and then from the "calendar," "archives," and "recent entries" sections of the left nav.

The problem I am finding is that sometimes I will click the "comments" link and it will look perfect. Other times the comment form fields will be completely missing. I am pretty sure it is a CSS issue. Here is the stylesheet code I am using for the site:

body {
		margin:0px 0px 0px 0px;
		background:#3333cc;		
		}
	A 			{ color: #FFFF00; text-decoration: underline; }
	A:link		{ color: #FFFF00; text-decoration: underline; }
	A:visited	{ color: #FFFF00; text-decoration: underline; }
	A:active	{ color: #999999;  }
	A:hover		{ color: #999999;  }

	h1, h2, h3 {
		margin: 0px;
		padding: 0px;
	}

	#banner {
		font-family:arial;
		color:#FFFF00;
		font-size:x-large;
		font-weight:normal;	
  		padding:0px;
               text-align:center;
		}

	#banner a,
        #banner a:link,
        #banner a:visited,
        #banner a:active,
        #banner a:hover {
		font-family: arial;
		font-size: xx-large;
		color: #FFFF00;
		text-decoration: none;
		}

	.description {
		font-family:arial;
		color: #3333cc;	
		font-size:small;
  		text-transform:none;	
		}
				
	#content {
		position:relative;
		background: #3333cc;	
		margin-right:20px;
		margin-bottom:20px;
		}

	#container {
	line-height: 140%;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding: 15px;
	background-color: #3333cc;
	border: 1px solid #FFFFFF;
	}

	#links {	
	           padding:5px;				
	           width:200px;	
                           text-align:center;			
		}
		
	.blog {
  	        background-color: #3333cc;
                        padding:5px;
                        line-height: 1.2em;		
	         }

	.blogbody {
		color: #FFFF00;
		font-family:Arial, sans-serif;
                                font-size:small;
		font-weight:normal;
  		background: #3333cc;
                                padding:5px;		
  		}

	.blogbody a,
	.blogbody a:link,
	.blogbody a:visited,
	.blogbody a:active,
	.blogbody a:hover {
		font-weight: normal;
		text-decoration: underline;
	}

	.title	{
		font-family: arial;
		font-size: medium;
		color: # FFFF00;
                                text-align:center;
                                margin-bottom:0px;
		}			

	#menu {
  		margin-bottom:15px;
		background:#FFF;
		text-align:center;
		}		

	.date	{ 
		font-family:arial; 
		font-size: large; 
		color: #FFFF00; 
		border-bottom:1px solid #999;
		margin-bottom:10px;
		font-weight:bold;
                                text-align:left;
		}			
		
	.posted	{ 
		font-family:arial; 
		font-size: small; 
		color: #FFFF00; 
                                background: #3333cc;
		margin-bottom:55px;
		}
		
	.calendar {
		font-family:arial;
		color:#3333cc;
		font-size: x-small;
		font-weight:normal;
  		background: #FFFF00;
  		line-height:140%;
  		padding:2px;
                text-align:left;
		}

.calendar a, .calendar a:link, .calendar a:visited, .calendar a:active, .calendar a:hover {text-decoration:underline; color: #3333cc;}
	
	.calendarhead {	
		font-family:arial;
		color: #3333cc;
		font-size: small;
		font-weight:normal;
  		padding:2px;
		margin-top:10px;
                                letter-spacing: .3em;
  		background: #ffff00;	
  		text-transform:uppercase;
		text-align:center;			
		}	
	
	.side {
		font-family:arial;
		color:#ffff00;
		font-size: small;
		font-weight:normal;
  		background:#3333cc;	
                                text-align:center;
                                padding:0px;
                                margin-top:0px;
                                margin-bottom:0px;
		}	
		
	.sidetitle {
		font-family:arial;
		color:#ffff00;
		font-size:medium;
		font-weight:bold;
  		padding:0px;
                                margin-top:15px;
                                margin-bottom:0px;
  		background:#3333cc;	
                                text-align:center;
		}		
	
	.syndicate {
		font-family:arial;
		font-size:small;		
  		line-height:140%;
  		background:#3333cc;	
                                text-align:center;
                                padding:10px;				
 		}	
		
	.powered {
		font-family:arial;
		color:#ffff00;
		font-size:small;		
		background:#3333cc;	
                                text-align:center;
                                padding:10px;				
		}	
		
	
	.comments-body {
		font-family:arial;
		color:#ffff00;
		font-size:small;
		font-weight:normal;
  		background:#3333cc;
  		line-height: 1.2em;
 		padding-bottom:2px;
  		padding-top:2px;		
 		}		

	.comments-post {
		font-family:arial;
		color:#FFFF00;
                                background-color: #3333cc;
		font-size:small;
		font-weight:normal;
                                border-bottom:1px dotted #ffff00;  
  		padding-bottom:5px;
                                margin-top:15px;
                                margin-bottom:30px;
                               }	
			
	
	.trackback-url {
		font-family:arial;
		color:#ffff00;
		font-size:small;
		font-weight:normal;
  		background-color: #3333cc;
  		line-height:110%;
 		padding:5px;		
 		border:1px dotted #999; 					}


	.trackback-body {
		font-family:arial;
		color:#ffff00;
		font-size:small;
		font-weight:normal;
  		background-color: #3333cc;
  		line-height:110%;
 		padding-bottom:5px;
  		padding-top:5px;			
		}		

	.trackback-post {
		font-family:arial;
		color:#ffff00;
		font-size:x-small;
		font-weight:normal;
  		background-color: #3333cc;	
		}	

		
	.comments-head	{ 
		font-family:arial; 
		font-size:medium; 
		color: #ffff00; 
		font-weight:bold;
  		background-color: #3333cc;	
                                padding-top:10px;
                                padding-bottom:10px;
  	                text-align:left;
                                line-height: 1.2em;
		}		

	#banner-commentspop {
		font-family:arial;
		color:#FFFf00;
		font-size:large;
		font-weight:bold;
		background-color: #3333cc;
                                border-bottom:2px solid #ffff00;  
  		padding-top:5px;
  		padding-bottom:2px;  
                                text-align:center;		  		  	                }

Thanks for any help you can offer!

-JessicaM

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 4 weeks 1 day ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5344
Points: 2965

Check "comments" section of my blog please.

Hi JessicaM,
It seems to happen on the blog from 13 may.
If you have a look at the source the fields are not there which leeds me to believe it is not a CSS problem.
Can you edit the blog from that day and re save it then see if the comments work?

Hope that helps

JessicaM
Offline
Regular
Last seen: 18 years 11 weeks ago
Joined: 2004-04-21
Posts: 21
Points: 0

Thank you!

Wow! Thank you! Great insight there. So I went into that entry as you suggested, and sure enough for some reason the comments were set to "closed" instead of "open." Switching the comments over to "open" then rebuilding my site totally fixed it (on both Mac and PC!)

So you were right it was not a stylesheet/CSS issue at all.

Thanks again Laughing out loud

-JessicaM