RE: Rozne farby odkazov v HTML pomocou CSS

From: Koci Michal (Michal_Koci@koba.sk)
Date: 02. 08. 2001, 08:36 CEST


Mne v IE5.5 sa to sprava OK. Odkazy 1 a 2 su modre, 3 a 4 su cierne. Ale ten
tvoj kod by som trochu prekopal, napriklad styly by som zadefinaval takto:

.cierny { color: black; }
.modry { color: blue; }

a potom by som to v odkazoch pouzival takto:
<a href="nieco.htm" class="cierny">Blabla</a>

Vidis ten rozdiel? Kym ty tie styly priradujes odstavcu (<p>), tak ja hned
odkazu.

Mifko

> V HTML mam spravenu stranku a potreboval by som aby hypertextove odkazy
> mali
> rozne farby. V praxi to znamena asi toto. Odkazy 1 a 2 by sa mali spravat
> podla .link a odkazy 3 a 4 podla .button. Avsak problem je v tom, ze ked
> to
> aj zadeklarujem do HTML vsetky odkazy sa spravaju podla .button. Vie
> niekto
> co mam zle alebo kde robim chybu? Vopred dik a sorry za taky dlhy mail,
> ale
> ako dialupista je to asi ten najjednoduchsi sposob.
> 
> .:. vzor HTML .:.
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitonal//EN">
> <HTML>
> <HEAD>
> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1250">
> <LINK TYPE=text/css REL=StyleSheet HREF="style.css">
> <TITLE>Help me</TITLE>
> </HEAD>
> <BODY>
> 
> <DIV ALIGN="center">
> <CENTER>
> <TABLE BORDER="0" CELLPADDING="2">
> <TR>
> <TD VALIGN="middle" ALIGN="left" WIDTH="1000"><P CLASS="link"><B>- <A
> HREF="a.html">odkaz 1</A>
> - odkaz 2 -</B></P></TD>
> </TR>
> </TABLE>
> </CENTER>
> </DIV>
> 
> <HR>
> 
> <DIV ALIGN="center">
> <CENTER>
> <TABLE BORDER="0" CELLPADDING="2">
> <TR>
> <TD VALIGN="middle" ALIGN="left" WIDTH="1000"><P CLASS="button"><B>- <A
> HREF="a.html">odkaz 3</A>
> - odkaz 4 -</B></P></TD>
> </TR>
> </TABLE>
> </CENTER>
> </DIV>
> 
> </BODY>
> </HTML>
> 
> .:. vzor CSS ( style.css ) .:.
> .link
> A:link
> {
> text-decoration: none;
> color: #0000FF;
> }
> 
> A:visited
> {
> text-decoration: none;
> color: #0000FF;
> }
> 
> A:hover
> {
> text-decoration: underline;
> color: #0000FF;
> }
> 
> .button
> A:link
> {
> text-decoration: none;
> color: #000000;
> }
> 
> A:visited
> {
> text-decoration: none;
> color: #000000;
> }
> 
> A:hover
> {
> text-decoration: none;
> color: #0000FF;
> }
> 



This archive was generated by hypermail 2.1.2 : 04. 09. 2001, 09:30 CEST