Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 6 of 6
  1. #1
    Senior Coder
    Join Date
    Dec 2005
    Location
    Slovenia
    Posts
    1,960
    Thanks
    120
    Thanked 76 Times in 76 Posts

    IE background color 'z-index'

    This loooks OK(yellow) in FF and Chrome, black in IE. How to fix it ?

    http://agrozoo.net/AgroZoo10/test8.html
    Last edited by BubikolRamios; 11-04-2009 at 12:05 PM.

  • #2
    Senior Coder
    Join Date
    Feb 2009
    Location
    Ilkley, West Yorkshire, UK
    Posts
    2,954
    Thanks
    9
    Thanked 724 Times in 718 Posts
    That link is to your localhost....

  • #3
    Senior Coder
    Join Date
    Dec 2005
    Location
    Slovenia
    Posts
    1,960
    Thanks
    120
    Thanked 76 Times in 76 Posts
    wait a sec to figure out network, unnetwork ...., link correted

    http://agrozoo.net/AgroZoo10/test8.html

  • #4
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,852
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    Apply that background color to table cell like
    Code:
    .cl
      {
            text-align:center;
            background:yellow url(img/g/link.png) no-repeat center;
      }
    instead of table row
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #5
    Senior Coder
    Join Date
    Dec 2005
    Location
    Slovenia
    Posts
    1,960
    Thanks
    120
    Thanked 76 Times in 76 Posts
    that works, so if I have alternating colored rows ( class color_row_1 and color_row_2), and some td-s that have images inside ..

    Code:
     <tr class = 'color_row_1'>
        <td>
        </td>
        <td class = 'link'>
        </td>
        <td class = 'mail'>
        </td>
        ... 
      </tr>
    
      <tr class = 'color_row_2'>
        <td>
        </td>
        <td class = 'link'>
        </td>
        <td class = 'mail'>
        </td>
        ... 
      </tr>
      ...
    is there a way to shrink this css, there is certain repetition ... ?

    Code:
          .color_row_1 td
          {
            background:white;
          }
          
          .color_row_2 td
          {
            background:black;    
          }
          
          .color_row_1 .link
          {
            background:white url(../img/g/link.png) no-repeat center;
          }
          
          .color_row_2 .link
          {
            background:black url(../img/g/link.png) no-repeat center;    
          }
    
          .color_row_1 .mail
          {
            background:white url(../img/g/mail.png) no-repeat center;
          }
          
          .color_row_2 .mail
          {
            background:black url(../img/g/mail.png) no-repeat center;    
          }
    
          ....

  • #6
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,852
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    How about
    Code:
     <tr class = 'odd'>
        <td>
        </td>
        <td class = 'link'>
        </td>
        <td class = 'mail'>
        </td>
        ... 
      </tr>
    
      <tr class = 'even'>
        <td>
        </td>
        <td class = 'link'>
        </td>
        <td class = 'mail'>
        </td>
        ... 
      </tr>
    Code:
    .odd td
          {
            background:white;
          }
          
          .even td
          {
            background:black;    
          }
          
          .odd .link
          {
            background:white url(../img/g/link.png) no-repeat center;
          }
          
          .even .link
          {
            background:black url(../img/g/link.png) no-repeat center;    
          }
    
          .odd .mail
          {
            background:white url(../img/g/mail.png) no-repeat center;
          }
          
          .even .mail
          {
            background:black url(../img/g/mail.png) no-repeat center;    
          }
    ?
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)


  •  

    Posting Permissions

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