SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Evangelist safeasfcuk's Avatar
    Join Date
    Jan 2006
    Location
    UK (SWANSEA)
    Posts
    517
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Wordpress CSS Post Error/Comment box error

    Hi guys i posted a while ago regarding this issue but gave up sadly after a few failed attempts at fixing it

    Ok here is the problem :

    1. On firefox (mac) it pushes the comment boxes under instead of inline with the text ie "name" the box is then under it. But in safari and chrome it is fine. Not tested with IE windows so if anyone cant tell if same error is there that would be great!

    2. Again on Firefox (mac) on some posts it pushes the image after the read more link to the right of the page.

    The Site

    The Style.css
    Code:
    /*
    Theme Name: dannylintonphotography
    Theme URI: http://dannylintonphotography.com/
    Description: website theme.
    Version: 1.0
    Author: danny linton
    Tags: website, dannylintonphotography,
    
    Default WordPress by Dave Shea || http://mezzoblue.com
    Modifications by Matthew Mullenweg || http://photomatt.net
    This is just a basic layout, with only the bare minimum defined.
    Please tweak this and make it your own. :)
    */
    
    .screen-reader-text {
         position: absolute;
         left: -1000em;
    }
    
    a {
    	color:#a32b2b;;
    }
    
    a img {
    	border: none;
    }
    
    a:visited {
    	color: #a32b2b;
    }
    
    a:hover {
    	color: #666;
    }
    
    acronym, abbr {
    	border-bottom: 1px dashed #333;
    }
    
    acronym, abbr, span.caps {
    	font-size: 90%;
    	letter-spacing: .07em;
    }
    
    acronym, abbr {
    	cursor: help;
    }
    
    blockquote {
    	border-left: 5px solid #ccc;
    	margin-left: 1.5em;
    	padding-left: 5px;
    }
    
    
    
    cite {
    	font-size: 90%;
    	font-style: normal;
    }
    
    h2 {
    	border-bottom: 1px dotted #ccc;
    	 font-family: Arial, Helvetica, sans-serif;
            font-size:25px;
    
    	
    	letter-spacing: 0.2em;
    	margin: 15px 0 2px 0;
    	padding-bottom: 2px;
            color:#a32b2b;
    }
    
    
    
    h3 {
    	border-bottom: 1px dotted #eee;
     font-family: Arial, Helvetica, sans-serif;
     margin-top: 0;
    }
    
    ol#comments li p {
    
    	font-size: 100%;
    }
    
    p, li, .feedback {
    
    	 font-family: Arial, Helvetica, sans-serif;
    	letter-spacing: -1px;
    }
    
    
    
    /* classes used by the_meta() */
    ul.post-meta {
    	list-style: none;
    }
    
    ul.post-meta span.post-meta-key {
    	font-weight: bold;
    }
    
    .credit {
    	background: #90a090;
    	border-top: 3px double #aba;
    	color: #fff;
    	font-size: 11px;
    	margin: 10px 0 0 0;
    	padding: 3px;
    	text-align: center;
    }
    
    .credit a:link, .credit a:hover {
    	color: #fff;
    }
    
    .feedback {
    	color: #ccc;
    	text-align: right;
    	clear: both;
            font-size: 15px;
    
    }
    
    .meta {
    	font-size: .75em;
    }
    
    .meta li, ul.post-meta li {
    	display: inline;
    }
    
    .meta ul {
    	display: inline;
    	list-style: none;
    	margin: 0;
    	padding: 0;
    }
    
    .meta, .meta a {
    	color: #808080;
    	font-weight: normal;
    	letter-spacing: 0;
    }
    
    .storytitle {
    	color:#a32b2b;
    }
    
    .storytitle a {
    	color:#a32b2b;
    
    }
    
    .storycontent {
              font-family: Arial, Helvetica, sans-serif;
              font-size:15px;
    	  font-weight:100;
              color:#333;
    
    
    }
    
    form#commentform p {
    clear:both;
    }
    
    #commentform #author, #commentform #email, #commentform #url, #commentform textarea {
    	background: #fff;
    	border: 1px solid #333;
    	padding: .2em;
    clear: left;
    }
    
    #commentform textarea {
    	width: 70%;
    }
    
    #commentlist {
    margin-left:10px;
    font-size: 15px;
    }
    #commentlist li {
    padding-top: 10px;
    
    }
    #commentlist li ul {
    
    	border-left: 1px solid #ddd;
    	font-size: 110%;
    	list-style-type: none;
           
    
    }
    
    #commentlist li .avatar {
    	float: right;
    	margin-right: 15px;
    	border: 1px dotted #ccc;
    	padding: 2px;
    }
    
    
    
    #header a {
    	color: #fff;
    	text-decoration: none;
    }
    
    #header a:hover {
    	text-decoration: underline;
    }
    
    #menu {
    	
    }
    
    #menu form {
    	margin: 0 0 0 13px;
    }
    
    #menu input#s {
    	width: 80%;
    	background: #eee;
    	border: 1px solid #999;
    	color: #000;
    }
    
    #menu ul {
    	color: #A03C37;
    	font:18px "Verdana", Geneva, sans-serif;
    	font-weight: bold;
    	list-style-type: none;
    	margin: 0;
    	padding-left: 3px;
    }
    
    #menu ul li {
     font-family: Arial, Helvetica, sans-serif;
     font-size:15px;
     letter-spacing: 0.1em;
    	margin-top: 10px;
    	padding-bottom: 2px; /*border-bottom: dotted 1px #ccc;*/
    }
    
    #menu ul ul {
    	font-variant: normal;
    	font-weight: normal;
    	line-height: 100%;
    	list-style-type: none;
    	margin: 0;
    	padding: 0;
    	text-align: left;
    }
    
    #menu ul ul li {
    	border: 0;
    	font:Arial, Helvetica, sans-serif;
    	letter-spacing: 0;
    	margin-top: 0;
    	padding: 0;
    	padding-left: 12px;
    }
    
    #menu ul ul li a {
    	color: #ccc;
    	text-decoration: none;
    }
    
    #menu ul ul li a:hover {
    	color:#a32b2b;
    }
    
    #menu ul ul ul.children {
    	font-size: 142%;
    	padding-left: 4px;
    }
    
    #wp-calendar {
    	border: 1px solid #ddd;
    	empty-cells: show;
    	font-size: 14px;
    	margin: 0;
    	width: 90%;
    }
    
    #wp-calendar #next a {
    	padding-right: 10px;
    	text-align: right;
    }
    
    #wp-calendar #prev a {
    	padding-left: 10px;
    	text-align: left;
    }
    
    #wp-calendar a {
    	display: block;
    	text-decoration: none;
    }
    
    #wp-calendar a:hover {
    	background: #e0e6e0;
    	color: #333;
    }
    
    #wp-calendar caption {
    	color: #999;
    	font-size: 16px;
    	text-align: left;
    }
    
    #wp-calendar td {
    	color: #ccc;
    	font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
    	letter-spacing: normal;
    	padding: 2px 0;
    	text-align: center;
    }
    
    #wp-calendar td.pad:hover {
    	background: #fff;
    }
    
    #wp-calendar td:hover, #wp-calendar #today {
    	background: #eee;
    	color: #bbb;
    }
    
    #wp-calendar th {
    	font-style: normal;
    	text-transform: capitalize;
    }
    
    /* Captions & aligment */
    .aligncenter,
    div.aligncenter {
    	display: block;
    	margin-left: auto;
    	margin-right: auto;
    }
    
    .alignleft {
    	float: left;
    }
    
    .alignright {
    	float: right;
    }
    
    .wp-caption {
    	border: 1px solid #ddd;
    	text-align: center;
    	background-color: #f3f3f3;
    	padding-top: 4px;
    	margin: 10px;
    	-moz-border-radius: 3px;
    	-khtml-border-radius: 3px;
    	-webkit-border-radius: 3px;
    	border-radius: 3px;
    }
    
    .wp-caption img {
    	margin: 0;
    	padding: 0;
    	border: 0 none;
    }
    
    .wp-caption p.wp-caption-text {
    	font-size: 11px;
    	line-height: 17px;
    	padding: 0 4px 5px;
    	margin: 0;
    }
    /* End captions & aligment */


    I know there are a few other issues with the blog but i realy want to get this working so i can use the blog more!

    If anyone could help me i would be VERY GREATFULL!

    many thanks in advance Dan

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,478
    Mentioned
    182 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    Can you post a screenshot I'm not sure I'm seeing any difference in Firefox or Chrome on PC and mac?


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •