Šta je novo?

Stilovi

Golden

Čuven
Učlanjen(a)
29.06.2000
Poruke
1,129
Poena
660
Pitanje:
Kako mogu da imam dva stila za linkove na jednoj stranici. Recimo imam gore u logou neke linkove koje bih da mi budu neke boje, a u textu negde na stranici ocu neke druge ?

radim u Dreamweaveru4
 
U Dreamweaver-u mozes napraviti CSS Styles za svaki link, ili da rucno kodiras (primer dole).

<html>
<head>
<title>Test</title>

<STYLE TYPE="text/css">
<!--
A.link1:link {color: #FF00FF; }
A.link1:active {color: #FFFF00; }
A.link1:visited {color: #00FFFF; }

A.link2:link {color: #AA00FF; }
A.link2:active {color: #FF00AA; }
A.link2:visited {color: #FFFF00; }
-->
/STYLE>

</head>

<body>
<a href="http://www.inet.co.yu CLASS=link1>Inet</a>
<a href="http://www.google.com CLASS=link2>Google</a>
</body>

</html>
 
Da u tom pravcu sam razmisljao ali mi nesto nije islo, mnogo sam ti zahvalan !

poz.
 
Primenio sam dve vrste linkova sasvim dobro sem male smicalice koja mi pravi jos uvek problem. Posto koristim `A:hover` a hocu u drugom linku `A:link2:hover` da mi bude nesto drugo, a on priznaje samo ovaj valjda default `A:hover`
Nadam se da sam dobro objasnio.
 
Pa greska moze biti u A:link2:hover posto treba A.link2:hover, ovo dole provereno radi.
-----------------------------------------
<html>
<head>
<title>Test</title>

<STYLE TYPE="text/css">
<!--
A.link1:link {color: #0000FF; text-decoration: none }
A.link1:active {color: #0000FF; text-decoration: none }
A.link1:visited {color: #0000FF; text-decoration: none }
A.link1:hover {color: #33FF00; text-decoration: underline}

A.link2:link {color: #FF0000; text-decoration: none}
A.link2:active {color: #FF0000; text-decoration: none}
A.link2:visited {color: #FF0000; text-decoration: none}
A.link2:hover {color: #FFFF00; text-decoration: overline}
-->
</STYLE>

</head>

<body bgcolor="#000000">
<a href="http://www.inet.co.yu" CLASS=link1>Inet</a>


<a href="http://www.google.com" CLASS=link2>Google</a>
</body>

</html>
------------------------------------------

Pozdrav
 
jaooo sramotim se :)
izgubio sam oci proveravajuci i nisam primetio bas te dve tacke : uh reseno je sada, nego jos jedan problem kod mene je ovakva situacij:
----------------------------------
A.Link2:link {color: #FFFFFF; text-decoration:none}
A.Link2:visited {color: #FFFFFF; text-decoration:none}
A.Link2:hover {color: #FFFFFF; font-weight: bold}

A:link {color: #0033CC; font-weight: bold; text-decoration: underline}
A:visited {color: #9999CC}
A:hover {color: #FFFFFF; background-color: #C70559; font-weight: bold}
-----------------------------------

dakle u default linku mi je hover crvene boje a u drugom ocu da mi bude samo `bold` ali on uvek uzima ovu crvenu boju sve dok nepromenim u linku dva da mi bude neka druga boja. Da li se moze nekako izbeci to.

zahvaljujem ti mnogo.
 
U A.Link2:hover treba dodati background-color: transparent; :

-------------------------------------
A.Link2:hover {color: #FFFFFF; background-color: transparent; font-weight: bold}
-------------------------------------

Sto se tice tacke iz iskustva znam da je takve greske najteze pronaci :).
 
jos jednom zahvalan, svi problemi reseni ctp;
 
Vrh Dno