WordPress.org

1. RaiTidR
   Member
   Posted 4 years ago #

   My greatest point of contention with css is trying to get everything to work just right. I like to intricately modify my wordpress themes heavily detailed with graphics. As such I need everything to line up just right. It never fails though... one thing seems to break the other between the 2 browsers.

   http://www.7symbol.com/2008/04/hello-world/ its fine in IE but in Firefox its a mess.

   The CSS

   .comments-template{
   	margin: 10px 0 0;
   	padding: 10px 0 0;
   }
   
   .comments-template ol{
   	margin: 0;
   	padding: 0 0 15px;
   	list-style: none;
   }
   
   .comments-template ol li{
   	margin: 10px 0 0;
   	line-height: 18px;
   	padding: 0 0 10px;
   	border-bottom: 1px solid #ccc;
   }
   
   .comments-template h2, .comments-template h3{
   	font-family: Georgia, Sans-serif;
   	font-size: 16px;
   }
   
   .commentmetadata{
   	font-size: 12px;
   }
   
   .comments-template p.nocomments{
   	padding: 0;
   }
   
   .comments-template textarea{
   	font-family: Arial, Hevletica, Georgia, Sans-seriff;
   	font-size: 12px;
   }

   ---

   The PHP

   <?php if ($comments) : ?>
   	<h3 id="comments"><?php comments_number('No Responses', 'One Response', '% Responses' );?> to “<?php the_title(); ?>”</h3>
   
   <ol class="commentlist">
   <?php foreach ($comments as $comment) : ?>
   
   	<li class="<?php echo $oddcomment; ?>" id="comment-<?php comment_ID() ?>">
   
   <div class="commentmetadata">
   <strong><?php comment_author_link() ?></strong>, <?php _e('on'); ?> <a href="#comment-<?php comment_ID() ?>" title=""><?php comment_date('F jS, Y') ?> <?php _e('at');?> <?php comment_time() ?></a> <?php _e('Said:'); ?> <?php edit_comment_link('Edit Comment','',''); ?>
    		<?php if ($comment->comment_approved == '0') : ?>
   		<em><?php _e('Your comment is awaiting moderation.'); ?></em>
    		<?php endif; ?>
   </div>
   
   <?php comment_text() ?>
   	</li>
   
   <?php /* Changes every other comment to a different class */
   	if ('alt' == $oddcomment) $oddcomment = '';
   	else $oddcomment = 'alt';
   ?>
   
   <?php endforeach; /* end for each comment */ ?>
   	</ol>
   
   <?php else : // this is displayed if there are no comments so far ?>
   
   <?php if ('open' == $post->comment_status) : ?>
   	<!-- If comments are open, but there are no comments. -->
   	<?php else : // comments are closed ?>
   
   	<!-- If comments are closed. -->
   <p class="nocomments">Comments are closed.</p>
   
   	<?php endif; ?>
   <?php endif; ?>
   
   <?php if ('open' == $post->comment_status) : ?>
   
   		<h3 id="respond">Leave a Reply</h3>
   
   <?php if ( get_option('comment_registration') && !$user_ID ) : ?>
   <p>You must be <a href="<?php echo get_option('siteurl'); ?>/wp-login.php?redirect_to=<?php the_permalink(); ?>">logged in</a> to post a comment.</p>
   
   <?php else : ?>
   
   <form action="<?php echo get_option('siteurl'); ?>/wp-comments-post.php" method="post" id="commentform">
   <?php if ( $user_ID ) : ?>
   
   <p>Logged in as <a href="<?php echo get_option('siteurl'); ?>/wp-admin/profile.php"><?php echo $user_identity; ?></a>. <a href="<?php echo get_option('siteurl'); ?>/wp-login.php?action=logout" title="Log out of this account">Logout &raquo;</a></p>
   
   <?php else : ?>
   
   <p><input type="text" name="author" id="author" value="<?php echo $comment_author; ?>" size="40" tabindex="1" />
   <label for="author"><small>Name <?php if ($req) echo "(required)"; ?></small></label></p>
   
   <p><input type="text" name="email" id="email" value="<?php echo $comment_author_email; ?>" size="40" tabindex="2" />
   <label for="email"><small>Mail (will not be published) <?php if ($req) echo "(required)"; ?></small></label></p>
   
   <p><input type="text" name="url" id="url" value="<?php echo $comment_author_url; ?>" size="40" tabindex="3" />
   <label for="url"><small>Website</small></label></p>
   
   <?php endif; ?>
   
   <!--<p><small><strong>XHTML:</strong> <?php _e('You can use these tags:'); ?> <?php echo allowed_tags(); ?></small></p>-->
   
   <p><textarea name="comment" id="comment" cols="60" rows="10" tabindex="4"></textarea></p>
   
   <p><input name="submit" type="submit" id="submit" tabindex="5" value="Submit Comment" />
   <input type="hidden" name="comment_post_ID" value="<?php echo $id; ?>" />
   </p>
   
   <?php do_action('comment_form', $post->ID); ?>
   
   </form>
   
   <?php endif; // If registration required and not logged in ?>
   
   <?php endif; // if you delete this the sky will fall on your head ?>

Topic Closed

This topic has been closed to new replies.