SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    Is Still Alive silver trophybronze trophy RetroNetro's Avatar
    Join Date
    Jul 2003
    Location
    Texas
    Posts
    6,883
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)

    Whats the difference between these 2 files?

    Hello

    Wordpress theme, exact same content in each one, both pages are using the exact same style sheet, one looks good one does not.

    I cannot find any difference in the 2 for the life of me.

    Any help is appreciated, I have just modified the default theme a bit. I have changed the code around everyway that I can imagine, nothing I do seems to fix it. Maybe some fresh eyes will find the error

    Thanks in advance...

    Heres the css just in case you want to see it. (I know it is a mess right now I have not cleaned it up yet)

    Code:
    body {margin:0; padding:20px; background: #666;font: 0.8em normal Tahoma, Verdana, Arial, Helvetica, Sans-Serif;text-align:center;}
        
        img {border: none; margin: 0; padding: 0;}
        
        /* ---(rule )----------------------------*/
        div.hr {display: none}
        /*/*/a{}
     div.hr {display: block; height: 10px; background-image: url(images/hr.gif); background-repeat: no-repeat; background-position: center center; margin: 2em 0 1em -15px;}
        hr {display:none}/* */
        
        a {color: #FF9900; text-decoration: none;}
        a:hover {color: #ccc; text-decoration: underline;}
        		 
        h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0; text-align:left;}
        
     h1.logo {position: relative; top: 10px; left: 15px; font-family: Verdana, Georgia, "Trebuchet MS", "Futura Lt BT", serif; font-size: large;}
        h1 a:link {color: #fff; text-decoration: none;}
        h1 a:visited {color: #fff; text-decoration: none;}
        h1 a:hover {color: #fff; text-decoration: none;}
        
     h2.pagetitle {font: normal x-large Verdana, Georgia, "Trebuchet MS", "Futura Lt BT", serif; color: #eee; margin: 0 0 5px 0; text-align: left;}
        * html h2.pagetitle {font-size: small;f\ont-size:x-large;}
        
        
        h3#respond {padding: 0; margin: 20px auto 20px 5px; text-align: left; margin-bottom: 10px; color: #eee;}
        h3#comments {padding: 0;margin: 20px auto 20px 10px; text-align: left; color: #eee;}
        h3 {font-size: 1.0em;}
        	
        	
        .container {width: 740px; margin: 0 auto; background: url(images/body2.gif) top left repeat-y;}
        
        
     #header {border-bottom: 15px solid #666; height: 55px; background: #666 url(images/header.) top center no-repeat; margin-bottom: 0;}/* Logo Fix for Opera */	
        #header img {position: relative; top: 0; vertical-align: middle;}
        * html #header img {position: relative; top: -1px; vertical-align: middle;}
        
     #search {position: relative; top: -10px; height: 30px; width: 270px; float: right; text-align: right; margin: 0; padding: 0;}
     #searchbox {padding: 1px 0 1px 2px; margin: 0; height: 15px; border: 1px inset; background: #333; color: #eee; font-size: 12px;}
        * html #searchbox {vertical-align: middle;}
        #searchbutton {margin: 0 15px 0 0; cursor: pointer;}
        * html #searchbutton {font-size: 12px; vertical-align: middle;}
        #searchform {margin: 0px; padding: 0px; float: right;}
        #search p {margin: 0; padding: 0;}
        
        #navcontainer {background: #666; margin:0; padding: 0 0 5px 0; height: 25px;}
        * html #navcontainer {padding: 0;}
        #navcontainer ul {float: left; position: relative; left: 35px; margin: 0; padding: 0; list-style-type: none;}
        #navcontainer ul li {position: relative; right: 4px; float: left; padding: 0; margin: 0 0 0 4px;}
     #navcontainer ul li a {background: url(images/nav_off.gif) top center no-repeat; width: 80px; height: 30px; padding: 0; margin: 0; text-decoration: none; display: block; text-align: center; font: normal small/30px Verdana, Georgia, "Trebuchet MS", "Futura Lt BT", serif; color: #FF9900;}
        * html #navcontainer ul li a {height: 30px;}
        #navcontainer ul li a:hover {color: #fff; text-decoration: underline;}
     #navcontainer ul li a.active {color: #fff; cursor: default; background: url(images/nav_active.gif) top center no-repeat; text-decoration: none; padding: 0 0 7px 0; }
     #navcontainer ul li a:hover.active {color: #fff; background: url(images/nav_active.gif) top center no-repeat; text-decoration: none;}
        
        #bannerimage {height: 150px; background: url(images/banner.gif) no-repeat; border-bottom: 15px solid #666;}
        * html #bannerimage {margin: -7px 0 0 0;}
        
        #bar {height: 30px; background: url(images/bar2.gif) top left no-repeat; margin: 0;}
        			
        #contentArea {width: 502px; position: relative; left: 6px;}
        .left_column {float: left; width: 502px; padding: 0; border-right: 10px solid #666;}
        .left_column p {margin: 10px 15px 15px 0; font-size: small; color: #ccc; line-height: 1.4em; text-align: left;}
        .left_column .entry {line-height: 1.3em; font-size: 1.0em;}
        .left_column .postmetadata {text-align: left; font-size: x-small;}
        * html .left_column .postmetadata {font-size: xx-small;f\ont-size: x-small;}
        .left_column ul {color: #ccc;}
     .left_column h2 {font: normal x-large Verdana, Georgia, "Trebuchet MS", "Futura Lt BT", serif; color: #eee; margin: 0 0 5px 0; text-align: left;}
        * html .left_column h2 {font-size: small;f\ont-size:x-large;}
        
        #rightcolumn {float: left; width: 200px; position: relative; left: 11px; margin: 0; padding: 0; text-align:left;}
        * html #rightcolumn {width: 201px;}
        #rightcolumnin {border: 0px solid #333; margin: 0 0 0 10px;}
     #rightcolumn h3 {font-family: Verdana, Georgia, "Trebuchet MS", "Futura Lt BT", serif; font-weight: normal; font-size: large; color: #ccc; margin: 0; padding: 10px 0 3px 0; border-bottom: 1px solid #666; width: 150px}
        #rightcolumn ul {margin: 3px 0 0 0; padding: 0 0 15px 0; list-style-type: none; }
     #rightcolumn li {line-height: 1.2em; margin: 0 0 0 5px; padding: 3px 0 0 0; list-style-type: none; font-size: x-small; font-weight: bold; color: #FF9900;}
        * html #rightcolumn li {font-size: xx-small;f\ont-size: x-small;}
        #rightcolumn p {margin: 0 0 10px 5px; font-size: x-small; color: #ccc; line-height: 1.4em; text-align: left;}
        
     #footer {font-size: x-small; height: 30px; clear: both; background: #666 url(images/footer2.gif) top center no-repeat; padding: 40px 0 0 0; color: #000; border-top: 0px solid #666;}
        #copyright {float: left; position: relative;}
        
        
        /* ---( wordpress styles )------------------------------------ */
        acronym, abbr, span.caps {cursor: help;}
        acronym, abbr {border-bottom: 1px dashed #999;}
        acronym, abbr, span.caps{font-size: 0.9em; letter-spacing: .07em;}
        
        
     blockquote {width: auto; margin: 5px 15px 10px 5px; padding: 0 0 -5px 0; border-top: 1px solid #999; border-bottom: 1px solid #999;}
        blockquote cite {margin: 0px 0 0; display: block;}
        blockquote p {padding: 0 0 0 10px; margin: 5px 0 5px 10px;}
        
        
        .center {text-align: center;}
        .navigation {padding: 10px 0 30px 0;}
        .alignright {margin: 0 20px 0 0; font-weight: bold; font-size: 0.8em; float: right;}	
        .alignleft {margin: 0 0 0 15px; font-weight: bold; font-size: 0.8em; float: left;}
        
        
        .entry ol {padding: 0 0 0 35px; margin: 0;}
        .entry ol li {margin: 0; padding: 0;}
        .entry p {color: #ccc;}
        
        
        .postmetadata strong {color: #999;}
        .postmetadata ul, .postmetadata li {display: inline; list-style-type: none; list-style-image: none;}
        .post {margin: 0 0 20px 10px; text-align: left;}
        
        
        small {color: #ccc; font-family: Tahoma, Verdana, Arial, Helvetica, Sans-Serif; font-size: small; line-height: 1.5em;}
        * html small {font-size: x-small;f\ont-size:small;}
        small a {text-decoration: none;}
        
        
     .date {font-family: Verdana, "Futura Lt BT", serif; margin: 5px 20px 10px 0; font-size: x-small; font-weight: bold; color: #eee;}
        * html .date{font-size: xx-small;f\ont-size:x-small;}
        code {font: 1em 'Courier New', Courier, Fixed;}
        
        /* ---( various styles )------------------------------------ */
        strong {font-family: Verdana; color: #ff9900; margin: 0 0 0 5px; font-weight: normal;}
        .note {font-size: 11px;}
        .description {font-size: 1.0em; text-align: left; position: relative; top: 5px; left: 15px;}
        
        
        /* Begin Comments*/
     .alt {width: 90%; color: #eee; background: #000; border-top: 1px solid #999; border-bottom: 1px solid #999; margin: 0; padding: 5px;}
        .commentlist {padding: 0; text-align: left; margin-left: 15px;}
        * html ol.commentlist  {margin-left: 15px;}
        .commentlist li {margin: 15px 0 3px; padding: 5px 10px 3px; list-style: none; font: 1em Tahoma, Verdana, Arial, Sans-Serif;}
        .commentlist cite a {font-weight: bold; font-style: normal; font-size: 1em;}
        .commentlist p {margin: 10px 5px 10px 0; line-height: 1.5em; text-transform: none;}
        .nocomments {margin: 0; padding: 0;}
        .commentmetadata {margin: 0; display: block; font-size: 0.8em; font-weight: bold;}
        
        
        /* comment form styles  */
        .entry form {text-align:left;} /* This is mainly for password protected posts, makes them look better. */
        select {width: 130px;}
        #commentform {margin: 0 0 50px 0; text-align: left;}
        #commentform p {margin: 0 0 5px 10px; font-family: Tahoma, Verdana, Arial, Sans-Serif;}
        #commentform label small {font-size: 1em; font-weight: normal; color: #ccc; margin: 0 0 0 15px;}
        #commentform input {width: 200px; padding: 2px; margin: 3px 5px 1px 15px; background: #333; border: 1px inset; color: #eee;}
        #commentform textarea {margin-left: 10px; background: #333; width: 90%; padding: 2px; color: #eee; border: 1px inset;}
      #commentform #submit {margin: 5px 30px 0 0; float: right; width: 120px; border: 1px outset; cursor: pointer; background: #666;}
        #commentform input#subscribe  {width: 15px; border: none;}
        label.subscribe{font-size: 0.9em; color: #ccc; line-height: 1em;}
    Last edited by RetroNetro; Jun 2, 2005 at 16:30.

  2. #2
    Robert Wellock silver trophybronze trophy xhtmlcoder's Avatar
    Join Date
    Apr 2002
    Location
    A Maze of Twisty Little Passages
    Posts
    6,316
    Mentioned
    60 Post(s)
    Tagged
    0 Thread(s)
    You changed an id and class for ="container" .

  3. #3
    Is Still Alive silver trophybronze trophy RetroNetro's Avatar
    Join Date
    Jul 2003
    Location
    Texas
    Posts
    6,883
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Hello

    Wow! Thanks alot. A cookie for you

  4. #4
    Robert Wellock silver trophybronze trophy xhtmlcoder's Avatar
    Join Date
    Apr 2002
    Location
    A Maze of Twisty Little Passages
    Posts
    6,316
    Mentioned
    60 Post(s)
    Tagged
    0 Thread(s)
    It was tasty.

  5. #5
    Is Still Alive silver trophybronze trophy RetroNetro's Avatar
    Join Date
    Jul 2003
    Location
    Texas
    Posts
    6,883
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by xhtmlcoder
    It was tasty.
    Have some milk now also No seriously, thanks alot for spotting that. I may have never noticed it myself.

    Seems to work now


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
  •