Autor Zpráva
Icka
Profil *
Jak je možné, že když mám pro menu nastavené jiné identifikátory CLASS a pro řádky v tabulce, které jsou součástí obsahu okna (už ne menu) a tam je zcela jiný identifikátor a ten zapíšu do style.css, tak zkrze něj prochází i formátování menu!!!
Prostě odkazy v menu se mi také mění a to přece nemají, když mají svůj vlastní CLASS ne?
Má to něco společného se stylem a:hover?
Já CSSkám moc nerozumím, ale tohle mi přijde fakt divný...
Tady přikládám ty styly:

.odkaza{
display: block;
width:100%;
height:100%;
font-size: 8pt;
font-family: Arial;
color: #1C5180;
text-decoration: none;
}

.odkazn{
display: block;
width:100%;
height:100%;
font-size: 8pt;
font-family: Arial;
color: #A7BFD1;
text-decoration: none;
}

.menua{
height: 20px;
border: 0px solid #000000;
a display: block;
background-image:url('images/ytow.gif');
}

.menun{
height: 20px;
border: 0px solid #000000;
a display: block;
}

.radek{
a {display:block};
a:hover {background:#f0f0cc};
}

No a ten řádek patří k úplně něčemu jinému a přitom ho využívá i menu!
Plaváček
Profil
Tohle máš špatně

.radek{
a {display:block};
a:hover {background:#f0f0cc};
}

lépe takto:

.radek a{display:block}
.radek a:hover {background:#f0f0cc}
Charlie
Profil
Je to špatně zapsané, má to být tou druhou variantou (.radek a { ...), první varianta nemůže fungovat a ovlivní tak všechny odkazy.
Icka
Profil *
No a co když mám to menu taky jako tabulku? Nebude to mít na to už vliv?
Icka
Profil *
Jak docílím toho, aby se mi zabarvoval celý řádek <tr> a ne jen buňka <td>, v níž je odkaz...?
Icka
Profil *
Prosím jak docílím zvíraznění celého řádku po najetí myši pomocí CSS? Rád bych se vyhnul JS. Díky
PeterBA
Profil
Štylizuj odkaz na LI:

li a { display: block; width: 120px; height: 18px; }
li a:hover { background-color: #edc; }
Icka
Profil *
To jako takhle? To mi nefunguje...
..<tr>
<td><li>odkaz</td><td>text...</li></td>
</tr>...?
PeterBA
Profil
Nie. Takto:

<ul>
<li> <a href="http://www......" title=".....">nieco </a></li>
<li> <a href="http://www......" title=".....">nieco </a></li>
<li> <a href="http://www......" title=".....">nieco </a></li>
<li> <a href="http://www......" title=".....">nieco </a></li>
</ul>
Icka
Profil *
Ale já chci podbarvovat po najetí myši celej řádek <tr>!!! - včetně celého jeho obsahu, takže i když je tam třeba 5x <td>...
PeterBA
Profil
Skús ukázať príklad stránky kde to chceš. Asi si celkom nerozumieme.
Jiří Bureš
Profil *
Opravdu tam musí být ta tabulka? Menu jde čistě vyřešit pomocí konstrukce
<ul>
<li><a href="" title=""></a></li>
<li><a href="" title=""></a></li>
</ul>
PeterBA
Profil
Ja som odpovedal na túto otázku: "Prosím jak docílím zvíraznění celého řádku po najetí myši pomocí CSS?"

To podstatné je tu:

.radek a{display: block; width: 120px; height: 18px}
.radek a:hover {background:#f0f0cc}
Icka
Profil *
Nejde o menu.
Jde jen prostě o obyčejnou tabulku, do které se vypisují data z DBA a ta tabulka má několik sloupců a proto bych potřeboval, aby když najedu na nějakej řádek (třeba 50tej), aby se mi (ten 50tej) zvíraznil celej od začátku až do konce, kvůli přehlednosti, pač je tam dost údajů.

Vůbec nevím, jak na to. Jestli to jde řešit pomocí CSS a jestli tak jak? Např. jaký a kam mám zadat identifikátory a do souboru se stylama co zapsat. Pořád jak to zkouším, tak se mi to prostě nedaří, protože jsem se stylama nikdy moc nepracoval :-(
PeterBA
Profil
Tak to viem len cez JS a to ti asi nepomôže...:

<script type="text/javascript" language="javascript">
function setPointer(theRow, thePointerColor)
{
if (thePointerColor == '' || typeof(theRow.style) == 'undefined') {
return false;
}
if (typeof(document.getElementsByTagName) != 'undefined') {
var theCells = theRow.getElementsByTagName('td');
}
else if (typeof(theRow.cells) != 'undefined') {
var theCells = theRow.cells;
}
else {
return false;
}

var rowCellsCnt = theCells.length;
for (var c = 0; c < rowCellsCnt; c++) {
theCells[c].style.backgroundColor = thePointerColor;
}

return true;
}
</script>


<table>
<tr class="txt" onmouseover="setPointer(this, '#FF0000')" onmouseout="setPointer(this, '#FFFFFF')"><td>text</td></tr>
</table>
Icka
Profil *
Já bych to chtěl právě radši řešit pomocí CSS než JS. Ale zda-li to vůbec jde...?
Fred
Profil
V MSIE tohle bez js ani nejde, zkus http://www.chose.cz/weblog/1091719620-efektivni-rollover-hover-na-radk u-tabulky.html čtvrtý příklad.
Toto téma je uzamčeno. Odpověď nelze zaslat.