[css] link bez podkreslenia

HTML to podstawy w dziedzinie tworzenia stron WWW, Style CSS warto opanować, bowiem za ich pomocą można dostosować odpowiednio wygląd swojej witryny WWW. Zagłębiamy się dalej i udostępniamy w tym forum możliwość zadawania pytań o JavaScript.
ODPOWIEDZ
szkodnik

[css] link bez podkreslenia

Post autor: szkodnik »

zawsze po zrobieniu hiperlacza tekst taki zostaje podkreslony. Jak usunac te podkreslenie ale tak aby te hiperlacze dalej bylo, tyle ze na zwyklym tekscie, bez pokreslenia??
calmato
Nowy
Nowy
Posty: 138
Rejestracja: pn wrz 23, 2002 5:21 pm
Lokalizacja: Bytom

Re: [css] link bez podkreslenia

Post autor: calmato »

Kod: Zaznacz cały

<style type="text/css">a:link,a:active,a:visited { color : #3a58bb; }</style>
na 92% zadziala
KaRoL
Działa
Działa
Posty: 1071
Rejestracja: czw kwie 03, 2003 2:40 pm

Re: [css] link bez podkreslenia

Post autor: KaRoL »

Ech... przecież to proste! :wink:
Wystarczy w stylach w linku zrobić taką linijkę:

Kod: Zaznacz cały

text-decoration: none;
Style będą wyglądać tak (przykładowo)

Kod: Zaznacz cały

a {color: #000000; text-decoration: none;; font-weight: bold}
a:hover {color: #8C2E3C; text-decoration: none;; font-weight: bold}
Gość

szkodnik

Post autor: Gość »

hm te 92% okazalo sie zamalo ;)
niepotrafie dalej tego zrobic..
podam wam moj kod calego lacza to moze wam sie uda:
<tr><td align="left" width="4"> </td><td align="center" width="91"><font face="Indigo Joker" size="3"><span style="text-transform: uppercase"><a href="o%20sobie.htm" target="_self">o
sobie</a></span></font></td><td align="left" width="4"></td></tr>
jezeli mozecie, podajcie mi caly prawidlowy kod
KaRoL
Działa
Działa
Posty: 1071
Rejestracja: czw kwie 03, 2003 2:40 pm

Re: [css] link bez podkreslenia

Post autor: KaRoL »

Ech... po pierwsze: żadnych Indigo Jokerów! Inni nie będą widziec tej czcionki!
Po drugie: chyba kompletnie nie wiesz co to style. Nie należy nic zmieniać w kodzie (poza tą czcionką). Musisz zrobić sobie osobny plik ze stylami lub na stronie wkleić takie coś (w head):

Kod: Zaznacz cały

<style type="text/css">
<!--
a {color: #000000; text-decoration: none;; font-weight: bold}
a:hover {color: #8C2E3C; text-decoration: none;; font-weight: bold} 
}--></style>
Już pisałem: musisz w stylach napisac linijkę

Kod: Zaznacz cały

text-decoration: none;
A style do własnoręcznej zmiany. Musi pozostać niezmienione tylko to "none;".
ODPOWIEDZ