Как избавиться от границы

Question

У меня проблема с моим CSS ... Есть граница, от которой я не могу избавиться, даже если она имеет рамку: 0px ;! Это действительно раздражает. У меня раньше была такая же проблема, но я как-то решил ее, поэтому попробовал с тем же кодом, но безуспешно ...

HTML / PHP код:

echo "<table class='profileinfo' cellpadding='5' cellspacing='0' border='0'>";                  
// Check Map
$map1 = "Summoner's Rift";
$map2 = "Twisted Treeline";
$map3 = "Crystal Scar";
echo "<tr>";
if ($row['map'] == $map1) { echo "<td rowspan='10' class='imageframe155pxblue'><div style='background-image:url(images/tournament/SummonersRift.png);'><div></div></div></td>"; }
else if ($row['map'] == $map2) { echo "<td rowspan='10' class='imageframe155pxblue'><div style='background-image:url(images/tournament/TwistedTreeline.png);'><div></div></div></td>"; }
else { echo "<td rowspan='10' class='imageframe155pxblue'><div style='background-image:url(images/tournament/CrystalScar.png);'><div></div></div></td>"; }
echo "</tr>";

Код CSS:

.profileinfo tr td {
    border-top: solid 1px #000;
    border-left: solid 1px #000;
}
.imageframe155pxblue {
    border:none;
}
.imageframe155pxblue div {
    background-repeat:no-repeat;
    background-position:center;
    width:155px;
    height:155px;
}
.imageframe155pxblue div div {
    background-image:url(../images/imageframes/blue.png);
    width:155px;
    height:155px;
}

Это работает, если я удаляю border-left и -top из .profileinfo, но это должно быть там ...

Answer 1

Граница показана, потому что ".profileinfo tr td" является более конкретным правилом, чем ".imageframe155pxblue", и она объявляет границы.

Измените ваше правило на ".profileinfo tr td.imageframe155pxblue" играница исчезнет или добавьте ! важный к объявлению.

Answer 2

Попробуйте

.imageframe155pxblue {
    border:none !important;
}