4Elements, Amsterdam, Holland

  1. Rounded corners

    This will work in Safari and FireFox only:

    #box_with_corner {
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-right-color: #999999;
    border-bottom-color: #666666;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;

    }

    And who knows that Microsoft will include CSS3 into IE8. (wishful thinking)

     

    0 Comments

    Leave a comment › Posted in: CSS

    1. Nice img over fix

      We found a nice CSS .img mouse over fix that works in all browsers.

      .img {
      padding:5px;
      border:1px solid #333333;
      background-color: #FFFFFF;
      }
      .img:hover {
      border:1px solid #589FBF;
      }

      Leave away the "." in .img and all your mouse_over images will be handled the same.

       

      0 Comments

      Leave a comment › Posted in: CSS

  • Page 1 of 1 pages