Ebben a kódban hogyan adok meg egy másik oldalt?
https://codepen.io/apetrov/pen/AfhiD/
Van egy html, egy css és egy js. A lényeg, hogy hol adom meg azt, hogy ha rákkattint valaki mondjuk a "contact us"-ra, akkor egy másik oldalra ugorjon? Mert ha a html kódba a <li><span> után, elé vagy közé, akárhova beírom a <a href"... kódot, akkor elrontja a menüt, kék betű lesz és aláhúzza, tehát kattintható lesz, de az effekt meg minden eltűnik...
A kódodat nem nézem meg, nincs rá most energiám, de általánossában:
Az <a> tagnek add meg classnak azt a stílus-osztályt, amit használsz a span vagy li esetén, és akkor ugyanaz a design aktiválódik rá.
Ha ez nehezen megoldható, mert például nincs definiálva rá osztály, akkor egyszerűen a span-ben vagy a listaelemen vagy valahol onClick js függvényt hívsz meg, hogy a javascript navigáljon az <a> helyett, bár ez nem olyan szép megoldás.
Az <a> taget kívülre tedd és adj neki egy class-t:
<a class="link" href=""><li><span>Welcome</span></li></a>
A CSS-be pedig tegyél ennyit:
.link {
text-decoration: none;
}
Ennél a megoldásnál fontos (legalábbis aszerint, ahogyan a kódod többi része meg van írva), hogy az <a> tag KÍVÜL legyen.
Sőt!
Ahogy elnézem, ha kívülre rakod az <a> taget, akkor még class sem kell.
Csak szimplán írd a CSS-ben a body-ba, de az ul-en kívülre.
a { text-decoration: none;}
#2 voltam
Kapcsolódó kérdések:
Minden jog fenntartva © 2025, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!