Ako na class obsahujuci a:link? + b.hover

M4rekX · Napísal **M4rekX**: 23.08.2007 9:18 | Ako na class obsahujuci a:link? + b.hover

Zdar, mám menší zádrhel...

Mám toto:

Kód:

a:link,a:active,a:visited,a.postlink{color:#bc9e55;text-decoration:none}
a:hover{color:#b3b095;text-decoration:underline}

To platí pre celú stránku

Lenže som si spravil class

Kód:

.copyright{color:#d3d3d3;font:10px}

a potreboval by som aby sa mi pre span v ktorom mám tento class="copyright" aby som tam mal inu farbu a:link, a:active, a:visited, a:postlink;
---------------
a a:hover

čo by ste navrhli resp čo by ste mi poradili ?

A ešte jedna vec ale ta nieje moc podstatna teoreticky jej chápem:
Shaggy tu niekde napísal:

Kód:

a.menu:hover {background-image: url(nieco.gif) repeat-x}

a chcel by som sa spýtať že mám proste class menu

Kód:

.menu

a chcem aby to bolo zložene z obrazkov
predstavte si pozadie tabulky a v nom 5 odlišných obrazkov!

Citácia:

menu_b_1.png
menu_b_2.png
menu_b_3.png
menu_b_4.png
menu_b_5.png

a potrebujem aby každý jeden mal hover:

Citácia:

menu_b_1_odlesk.png
menu_b_2_odlesk.png
menu_b_3_odlesk.png
menu_b_4_odlesk.png
menu_b_5_odlesk.png

Musím si spraviť 5 classov alebo sa to dá celé nejako napísať do jedného ?

Jo Vopred Dík za odpoveď

mokus · Napísal **mokus**: 23.08.2007 9:24 | Ako na class obsahujuci a:link? + b.hover

tak pre class .copyright to spravíš nasledovne:

Kód:

a:link.copyright {...}
a:hover.copyright {...}
atd.

ten druhý prípad by som riešil pre každý riadok menu zvlášť class,
napr.:

Kód:

.menu_1
.menu_2
.menu_3
.menu_4
atd.

a potom už len zadáš pre

Kód:

a:link.menu_1 {background:url(obrazok_a1.gif)}
a:link.menu_2 {background:url(obrazok_a2.gif)}
...
a:hover.menu_1{background:url(obrazok_b1.gif)}
a:hover.menu_2{background:url(obrazok_b2.gif)}
...

do jedného by sa to dalo snáď vyriešiť v php, len neviem či by to bolo jednoduchšie alebo naopak, zložitejšie

M4rekX

díky moc ...

idem skúsiť ten copyright ... a ked dorobím tlačitka tak aj tie .. !

M4rekX

hmm zaujímave...

Kód:

.copyright{color:#d3d3d3;font:10px}
a:link.copyright {color:#bc9e55;text-decoration:none}
a:active.copyright {color:#bc9e55;text-decoration:none}
a:visited.copyright {color:#bc9e55;text-decoration:none}
a:hover.copyright {color:#b3b095;text-decoration:underline}

a obsah mám v
<div class="gensmall copyright">
</div>

A zaujímave že stále to berie údaje z:

Kód:

a:link,a:active,a:visited,a.postlink{color:#000000;text-decoration:none}
a:hover{color:#222222;text-decoration:underline}

kajbo · Napísal **kajbo**: 23.08.2007 14:44 | Ako na class obsahujuci a:link? + b.hover

Presne vcera som sa toto pytal. asi 3 temy nizsie:

http://www.pcforum.sk/farba-odkazu-v-css-vt20442.html

M4rekX

Aha dík skúsim...

mokus · Napísal **mokus**: 23.08.2007 17:49 | Ako na class obsahujuci a:link? + b.hover

M4rekX píše:

hmm zaujímave...

Kód:

.copyright{color:#d3d3d3;font:10px}
a:link.copyright {color:#bc9e55;text-decoration:none}
a:active.copyright {color:#bc9e55;text-decoration:none}
a:visited.copyright {color:#bc9e55;text-decoration:none}
a:hover.copyright {color:#b3b095;text-decoration:underline}

a obsah mám v
<div class="gensmall copyright">
</div>

A zaujímave že stále to berie údaje z:

Kód:

a:link,a:active,a:visited,a.postlink{color:#000000;text-decoration:none}
a:hover{color:#222222;text-decoration:underline}

tak toto akosi nechápem, class="gensmall copyright" je to isté ako class="copyright"? nemáš to trochu dopletené?

kajbo · Napísal **kajbo**: 23.08.2007 18:54 | Ako na class obsahujuci a:link? + b.hover

jednoducho musis aj pred a:link pridat to .copyright cize .copyright a:link {parametre} a malo by to ist

M4rekX

aha ja som to daval za to ..

mokus: no to mam dva classy spojene dokopy teda na jakpsatweb.cz bolo napísane že tak nejak sa to robí

M4rekX

díky MOC ! už mi to funguje !

Kód:

.copyright{color:#dedddd;font:10px}
.copyright a:link {color:#bc9e55;text-decoration:none}
.copyright a:active {color:#bc9e55;text-decoration:none}
.copyright a:visited {color:#bc9e55;text-decoration:none}
.copyright a:hover {color:#b3b095;text-decoration:underline}

stenley

nestacilo by zapisat len toto?

Kód:

.copyright {color:#dedddd;font:10px}
.copyright a {color:#bc9e55;text-decoration:none}
.copyright a:hover {color:#b3b095;text-decoration:underline}

kajbo · Napísal **kajbo**: 24.08.2007 11:11 | Ako na class obsahujuci a:link? + b.hover

a co take som pisal ja ? nieco ine ze ?

mokus · Napísal **mokus**: 24.08.2007 12:28 | Ako na class obsahujuci a:link? + b.hover

M4rekX píše:

aha ja som to daval za to ..

mokus: no to mam dva classy spojene dokopy teda na jakpsatweb.cz bolo napísane že tak nejak sa to robí

toto poznám, len som nevedel či sa to dá tak kombinovať aj s odkazmi, ale teraz už viem, keďže ti to už chodí

M4rekX

Ok takže problém je na svete

Mám v indexe toto:

Kód:

      <td class="menu_1">
         <a href="#"></a></td>
      <td>
         <img src="images/img_15.gif" width="34" height="66" alt=""></td>
      <td class="menu_2">
         <a href="#"></a></td>
      <td>
         <img src="images/img_17.gif" width="33" height="66" alt=""></td>
      <td class="menu_3">
         <a href="#"></a></td>
      <td>
         <img src="images/img_19.gif" width="37" height="66" alt=""></td>
      <td class="menu_4">
         <a href="#"></a></td>

a CSS mám toto:

Kód:

.menu_1 {background:url(images/img_14.gif);
width: 84px;
height: 66px;}
.menu_1 a:link {background:url(images/img_14.gif);
width: 84px;
height: 66px;}

.menu_2 {background:url(images/img_16.gif);
width: 101px;
height: 66px;}
.menu_2 a:link {background:url(images/img_16.gif);
width: 101px;
height: 66px;}

.menu_3 {background:url(images/img_18.gif);
width: 189px;
height: 66px;}

.menu_3 a:link {background:url(images/img_18.gif);
width: 189px;
height: 66px;}

.menu_4 {background:url(images/img_20.gif);
width: 141px;
height: 66px;}

.menu_4 a:link {background:url(images/img_20.gif);
width: 141px;
height: 66px;}

.menu_1 a:hover{background:url(images/img_hover_14.gif);
width: 84px;
height: 66px;}
.menu_2 a:hover{background:url(images/img_hover_16.gif);
width: 101px;
height: 66px;} 
.menu_3 a:link {background:url(images/img_hover_18.gif);
width: 189px;
height: 66px;}

.menu_4 a:link {background:url(images/img_hover_20.gif);
width: 141px;
height: 66px;}
img {border: none;}

Na indexe mi obrázok bez hoveru zobrazí, no nieje link

takže sa mi nemôže spraviť ani hover

hmm

M4rekX

ok už mám vyriešené:
chybalo mi v každom display: block;

aka blbosť že ?

Shaggy díky :-P

Ako na class obsahujuci a:link? + b.hover

Ako na class obsahujuci a:link? + b.hover

Podobné témy

A-link rr24ap-b

A-LINK RR24AP-B

Ako na takyto sposob "li a:hover"?

Rapidshare Link Grabber 1.4.7.B

Zapojenie A + B; A or B.

D-link 2641 B Alebo D-link 2641 R

Router TP-Link TD-W8901Gb Annex B od orangeu

MicroSDHC class 2 alebo class 4 mám vrátiť ?

a classy - zafarbenie textu po prejetí myšou (a:hover)

Router Zyxel P-660R a TP-Link WR741ND ako Wifi

Ako zrusit hover efekt na ikone ? (Win 7/vista)

zistit class elementu - ako upravit fciu?

css a:hover

nastylizovanie a:hover

Ako prejsť na druhú class v Jave

Hover obrazku a zobrazenie title