WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] CSS Float Edit to Twenty Ten Theme Not Recognized in Firefox (5 posts)

  1. JessiRue
    Member
    Posted 2 years ago #

    [ Moderator Note: Please post code or markup snippets between backticks or use the code button. ]

    I am a WordPress and HTML/CSS newbie. I have been tweaking the CSS on the Twenty Ten theme to customize and learn the basics. All my CSS edits have worked great and then I tried to add some new lines of CSS to the style sheet to float some images into a grid pattern. IE and Chrome look great, but Firefox doesn't work. I used firebug to try to figure out the problem - I can't even find the added CSS from within Firefox. If I use Firebug lite from Chrome, I can see, validate CSS. I am at a loss....help. Below is html and added css. Thanks in advance for any help or suggestions.

    HTML:

    /*
    Hopefully this will be my portfolio landing page....if I can get it to work.
    <div class="threerow"><a href="http://printandpixelcreative.com/blog/wp-content/uploads/2012/06/workthumbnail.jpg"><img class="alignnone size-full wp-image-98" title="workthumbnail" src="http://printandpixelcreative.com/blog/wp-content/uploads/2012/06/workthumbnail.jpg" alt="" width="175" height="150" /></a>
    <p class="worktitle">title of work</p>
    </div>
    
    <div class="threerow">
    <a href="http://printandpixelcreative.com/blog/wp-content/uploads/2012/06/workthumbnail.jpg"><img class="alignnone size-full wp-image-98" title="workthumbnail" src="http://printandpixelcreative.com/blog/wp-content/uploads/2012/06/workthumbnail.jpg" alt="" width="175" height="150" /></a>
    <p class="worktitle">title of work</p>
    
    </div>
    <div class="threerow">
    <a href="http://printandpixelcreative.com/blog/wp-content/uploads/2012/06/workthumbnail.jpg"><img class="alignnone size-full wp-image-98" title="workthumbnail" src="http://printandpixelcreative.com/blog/wp-content/uploads/2012/06/workthumbnail.jpg" alt="" width="175" height="150" /></a>
    <p class="worktitle">title of work</p>
    
    </div>
    <div class="threerow">
    <a href="http://printandpixelcreative.com/blog/wp-content/uploads/2012/06/workthumbnail.jpg"><img class="alignnone size-full wp-image-98" title="workthumbnail" src="http://printandpixelcreative.com/blog/wp-content/uploads/2012/06/workthumbnail.jpg" alt="" width="175" height="150" /></a>
    <p class="worktitle">title of work</p>
    
    </div>
    
    <div class="threerow"><a href="http://printandpixelcreative.com/blog/wp-content/uploads/2012/06/workthumbnail.jpg"><img class="alignnone size-full wp-image-98" title="workthumbnail" src="http://printandpixelcreative.com/blog/wp-content/uploads/2012/06/workthumbnail.jpg" alt="" width="175" height="150" /></a>
    <p class="worktitle">title of work</p>
    </div>
    
    <div class="threerow"><a href="http://printandpixelcreative.com/blog/wp-content/uploads/2012/06/workthumbnail.jpg"><img class="alignnone size-full wp-image-98" title="workthumbnail" src="http://printandpixelcreative.com/blog/wp-content/uploads/2012/06/workthumbnail.jpg" alt="" width="175" height="150" /></a>
    <p class="worktitle">title of work</p>
    </div>
    */

    CSS (only the new lines I added to the style sheet):

    /*
    .threerow {
    float: left;
    margin-right: 25px;
    margin-bottom: 25px;
    border: 2px;
    border-color: #E8E8E8;
    width: 175px;}
    
    .worktitle .worktitle a {
    color: #C8C8C8;
    font-family: sans-serif;
    font-size: 10px;
    line-height: .5em;
    text-decoration: none;
    width: 200px;}
    
    .worktitle a:hover {
    color: #A0A0A0;}
    */
  2. alchymyth
    Forum Moderator
    Posted 2 years ago #

    without a link to the live site, to be able to check the html/css with Firebug or Firefox' web developer add-on, it is difficult to comment on your problem.

  3. JessiRue
    Member
    Posted 2 years ago #

    sorry, thought I included enough info....here you go. I have now check the page in Firefox on my Mac and it looks fine. Confused....suggestions?

    http://printandpixelcreative.com/blog/work/

  4. alchymyth
    Forum Moderator
    Posted 2 years ago #

    seems to be ok - no problems in Firefox 13 on a windows PC nor in IE7;

    possibly clear the browser cache

  5. JessiRue
    Member
    Posted 2 years ago #

    Thanks alchymyth for taking a look. I fixed it, but not sure how.

Topic Closed

This topic has been closed to new replies.

About this Topic