ugrás a tartalomhoz

Eltérő megjelenést szeretnék adni a linkeknek

Vrt · 2008. Jan. 25. (P), 14.15
Sziasztok!

Az oldalon amivel próbálkozok a következő stílust használom a linkeknél. 
 A:link {
	COLOR: #999999; TEXT-DECORATION: none
; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px}
A {
	COLOR: #999999;  TEXT-DECORATION: none
; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px}
A:hover {
	COLOR: #333333; TEXT-DECORATION: underline
; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px}
Hogyan tudom megadni, hogy egy oldalon belül több különböző stílust használjak egy-egy linkhez?
Próbáltam megadni <a class="stilus2" href.....> és aztán a css-ben meg formázni..de vagy rosszul csinálom vagy a fent kiemlet css kód jut érvényre ezzel szemben...

Köszi...

Krisztián
‹ XML elemzése sikertelen Táblázatban div címsorral: FF lejjebb tolja... ›
 ■
1

!important

amonrpg · 2008. Jan. 25. (P), 16.51
Próbáld ki a class definíció(k)nál az '!important' CSS paramétert.
2

ezzel a megoldással..

Vrt · 2008. Jan. 26. (Szo), 11.19
Ezzel a megoldással amit említettel, nem igazán sikerült összehozni:) Bár lehet h. volt jó megoldásom csak észre se vettem...annyit variáltam... (de itt ugye mindenképp két css fájlra van szükség? legalábbis én így próbáltam..)

Végül is ezzel a megoldással sikerült. Itt a css egy része. Azoknak a linkeknek amelyeknek mást szeretnék bettem a html-ben a2 class ba és itt meg így definiáltam. Ez nagyon favágó megoldás? Van ezzel így gond?
A:link {
	COLOR: #999999; TEXT-DECORATION: none
; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px}
A {
	COLOR: #999999;  TEXT-DECORATION: none
; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px}
A:hover {
	COLOR: #333333; TEXT-DECORATION: underline
; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px}
A:visited {
	COLOR: #999999; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px}

.a:link {color: #ff3300}
.a2:link {color: #ff3300}
.a2:hover {COLOR: #ff3300; TEXT-DECORATION: underline}
.a2:visited {color: #ff3300}
Ha van lelkierőd egy példával szemléltethetnéd az importantos megoldást:) Mondjuk az én forráskódomon bemutatva:)

Üdv.

Kriszitán
3

így

cSuwwi · 2008. Jan. 26. (Szo), 15.07
Nem feltétlenül kell !important, linkeknél meg pláne. IE alatt persze a fene se tudja, de ha FFx-re optimalizált css-ből csinálsz utólag IE-re, akkor előfordul.

Összeraktam neked egy egyszerű példát, nézd meg a forrását, abból ki fogod találni.
itt találod

A fenti kódot használtam, csak a felesleget kiszedtem belőle (az azonos dolgokat össze lehet vonni).
4

re

fajtbros · 2008. Jan. 27. (V), 15.14
A legegyszerűbb megoldás szerintem az hogy készítesz az alternatív linknek egy stílust pl .altlink néven, majd készítesz mégegyet .altlink:link néven. Az .altlink:hover pedig lehet a mouse overes állapota.