Autor Zpráva
Icka
Profil *
#1 · Zasláno: 16. 6. 2005, 00:06:58
Odpovědět Citovat
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
#2 · Zasláno: 16. 6. 2005, 07:35:18
Odpovědět Citovat
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
#3 · Zasláno: 16. 6. 2005, 08:02:57
Odpovědět Citovat
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 *
#4 · Zasláno: 16. 6. 2005, 11:58:15
Odpovědět Citovat
No a co když mám to menu taky jako tabulku? Nebude to mít na to už vliv?
Icka
Profil *
#5 · Zasláno: 16. 6. 2005, 19:09:14
Odpovědět Citovat
Jak docílím toho, aby se mi zabarvoval celý řádek <tr> a ne jen buňka <td>, v níž je odkaz...?
Icka
Profil *
#6 · Zasláno: 17. 6. 2005, 10:51:30
Odpovědět Citovat
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
#7 · Zasláno: 19. 6. 2005, 17:08:12
Odpovědět Citovat
Štylizuj odkaz na LI:

li a { display: block; width: 120px; height: 18px; }
li a:hover { background-color: #edc; }
Icka
Profil *
#8 · Zasláno: 19. 6. 2005, 21:53:57
Odpovědět Citovat
To jako takhle? To mi nefunguje...
..<tr>
<td><li>odkaz</td><td>text...</li></td>
</tr>...?
PeterBA
Profil
#9 · Zasláno: 20. 6. 2005, 13:30:04
Odpovědět Citovat
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 *
#10 · Zasláno: 21. 6. 2005, 14:19:28
Odpovědět Citovat
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
#11 · Zasláno: 21. 6. 2005, 14:25:23
Odpovědět Citovat
Skús ukázať príklad stránky kde to chceš. Asi si celkom nerozumieme.
Jiří Bureš
Profil *
#12 · Zasláno: 21. 6. 2005, 14:28:58
Odpovědět Citovat
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
#13 · Zasláno: 21. 6. 2005, 15:17:48
Odpovědět Citovat
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 *
#14 · Zasláno: 21. 6. 2005, 16:32:31
Odpovědět Citovat
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
#15 · Zasláno: 21. 6. 2005, 17:00:35
Odpovědět Citovat
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 *
#16 · Zasláno: 21. 6. 2005, 17:14:54
Odpovědět Citovat
Já bych to chtěl právě radši řešit pomocí CSS než JS. Ale zda-li to vůbec jde...?
Fred
Profil
#17 · Zasláno: 21. 6. 2005, 17:18:48
Odpovědět Citovat
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.
Časová prodleva: 19 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0