Přidat otázku mezi oblíbenéZasílat nové odpovědi e-mailem Změna barvy textu (odkazu) pomocí HTML

Dobrý den.
Nevím, zda tyto dotazy, ohledně tvorby webových stránek, HTML a CSS patří vůbec do PC poradny, pokud ne, budu rád za doporučení jiného fóra, kde s dotazem uspěji lépe.

Chtěl bych se, prosím, zeptat, jak lze pomocí HTML "kódu" nastavit, aby se mi text, který obsahuje odkaz na danou stránku při najetí myši změnil na jinou barvu. Bohužel prošel jsem veškeré weby, kde to radí, ale pouze pomocí CSS a ten je poněkud odlišný od HTML, který používám a netuším, jak to udělat.
Chci tedy, aby daný text obsahoval odkaz (zároveň aby nebyl podtržen, neboť to podrtržení se mi nelíbí - tam jsem použil, snad správně a style="text-decoration: none" - pokud je i jiná možnost a metoda, uvítám radu), a aby se text po najetí myší zabarvil (třeba do červené nebo do nějaké jiné barvy, to je nyní jedno).

Napíši můj případ:
........<a style="text-decoration: none" href="kartacky-pro-kobold-eb7">Kartáčky EP7 pro elektrický kartáč Kobold EB7</a></h6><img class="" alt="" title="" src="data/files/prislusenstvi-a-spotrebni-material/kartacky/p914000-2-1.jpg">

Vím, že pro použití změny zabarvení textu po najetí myší mám použít a:hover {color:red;} dle CSS, ale vůbec nevím, jak to aplikovat do kódu pomocí HTML, zkoušel jsem to a hover="color: red" případně i mnoho různými kombinacemi, ale zkrátka se mi to nedaří.

Za radu moc díky.

Jsou zobrazeny jen nové odpovědi. Zobrazit všechny
Předmět Autor Datum
Co toto? <a style="color:blue; text-decoration: none; background: white;" href="https://seznam.cz"…
IQ37 18.03.2024 14:35
IQ37
používať eventy volajúce JS na aplikovanie CSS je asi taký nezmysel ako ísť z Bratislavy do Brna aut…
Ale 19.03.2024 10:49
Ale
Co toto? znamená, že je to jedna z možností, jak to bude fungovat i v Londýně.
IQ37 19.03.2024 12:56
IQ37
Áno, z Bratislavy do Brna dôjdeš aj keď pôjdeš cez Londín... ale povedz mi kto by bol normálny, aby…
Ale 19.03.2024 13:59
Ale
To teď řešíte mezi sebou vy dva nebo to je narážka i na mě? :D Se v tom nějak ztracím :D
DavidDizzer 19.03.2024 23:16
DavidDizzer
V podstatě je to narážka na to původní řešení od IQ37, kde v tagu používá ty eventy onmouseover (čím… poslední
gilhad 20.03.2024 07:32
gilhad

Áno, z Bratislavy do Brna dôjdeš aj keď pôjdeš cez Londín... ale povedz mi kto by bol normálny, aby si predĺžil 130km trasu na 3 tisíc km?

Taktiež, ak používaš JS na takéto veci, kde stačí CSS, tak len znižuješ výkon, zhoršuješ dostupnosť (trebárs to nefunguje v terminálových prehliadačoch, alebo keď je vypnutý JS) a podobne. Proste je to špatné riešenie.

V podstatě je to narážka na to původní řešení od IQ37, kde v tagu používá ty eventy onmouseover (čímž používá javaskript a eventy na to aby nastavil CSS ) a tak, místo aby

1) ten tag byl prostě

<div class="MZlinky"> ... <a href="kartacky-pro-kobold-eb7"> ... </a> ... </div>

(nebo dokonce i bez class, pokud se to dobře postaví)

2) v HEAD sekci jsi měl

<link rel="stylesheet" href="/css.css">

3) do kořenu svých stránek nahrál soubor css.css obsahující


.MZlinky a:link, .MZlinky a:visited { color: blue; text-decoration: none; }
.MZlinky a:hover, .MZlinky a:active { color: green;  text-decoration: none;  }

(což pro tento příklad stačí, obecně tam toho budeš mít víc)

Přičemž ten soubor se může jmenovat i jinak, MZlinky jsou Modro Zelené, ale taky se to může jmenovat jinak a ten obalující tag nemusí být div a nemusí to být ten nejbližší obalující tag

Zpět do poradny Odpovědět na původní otázku Nahoru