...

View Full Version : IE background color 'z-index'



BubikolRamios
11-04-2009, 11:59 AM
This loooks OK(yellow) in FF and Chrome, black in IE. How to fix it ?

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

SB65
11-04-2009, 12:03 PM
That link is to your localhost....

BubikolRamios
11-04-2009, 12:06 PM
wait a sec :) to figure out network, unnetwork ...., link correted :)

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

abduraooft
11-04-2009, 01:06 PM
Apply that background color to table cell like

.cl
{
text-align:center;
background:yellow url(img/g/link.png) no-repeat center;
} instead of table row

BubikolRamios
11-05-2009, 06:13 AM
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 ..



<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 ... ?



.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;
}

....

abduraooft
11-05-2009, 07:17 AM
How about

<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>

.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;
}
?



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum