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.
  1.  A:link {  
  2.     COLOR: #999999; TEXT-DECORATION: none  
  3. ; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px}  
  4. A {  
  5.     COLOR: #999999;  TEXT-DECORATION: none  
  6. ; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px}  
  7. A:hover {  
  8.     COLOR: #333333; TEXT-DECORATION: underline  
  9. ; 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?
  1. A:link {  
  2.     COLOR: #999999; TEXT-DECORATION: none  
  3. ; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px}  
  4. A {  
  5.     COLOR: #999999;  TEXT-DECORATION: none  
  6. ; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px}  
  7. A:hover {  
  8.     COLOR: #333333; TEXT-DECORATION: underline  
  9. ; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px}  
  10. A:visited {  
  11.     COLOR: #999999; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px}  
  12.   
  13. .a:link {color: #ff3300}  
  14. .a2:link {color: #ff3300}  
  15. .a2:hover {COLOR: #ff3300; TEXT-DECORATION: underline}  
  16. .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.