Problém s CSS - a

17mark · Napísal **17mark**: 17.03.2013 19:40

Ahoj, mam problem s tymto kodom:

Kód:

article > header a:link , a:visited {
color: #0066FF;
text-decoration: none;
padding: 2px 5px;   
}
article > header a:hover{
color: silver;
text-decoration: none;
padding: 2px 5px;   
}
article > header a:active{
color: #0066FF;
text-decoration: none;
padding: 2px 5px; 
background-color: blue;
border-radius: 5px;  
}
/* all links */
a:link , a:visited {
color: silver; 
}
a:hover , a:active {
color: #0066FF;
}

.....neviem preco ale to,ako sa maju zobrazovat ostatne linky sa mi prejavuje aj na tych ,ktore su v articles .....nedari sa mi prist na to,ako odstranit problem,proste sa akoby "biju" ale robi mi to iba pri a:link a nie pri vsetkych articles,iba pri prvych dvoch

shaggy · Napísal **shaggy**: 17.03.2013 20:09

Nedal si odkaz na živú ukážku, ale som si viac než istý, že to bude týmto riadkom:

Kód:

article > header a:link , a:visited {

Určite si to chcel mať takto:

Kód:

article > header a:link , article > header a:visited {

17mark · Napísal autor témy **17mark**: 17.03.2013 20:15

aaa sakra

,to ma nenapadlo ..

...už to šlape..

, ďakujem

shaggy · Napísal **shaggy**: 17.03.2013 23:37

Celkovo by som ale prepracoval spôsob zápisu:
1. si príliš konkrétny. Je zbytočné zapisovať to takto:

Kód:

a:link , a:visited

keď stačí iba

Kód:

a

a pod tým prebiť ostatnými zápismi (hover, active...)

2. article > header - neviem či potrebuješ práve takýto zápis (skôr tipujem, že nie). Pozri sa, na čo slúži.

3. zbytočné používanie nie veľmi podporovaných elementov (article, header). Tiež nevidím dôvod, prečo nepoužiješ div, na ktorý nepotrebuješ doťahovať žiadny javascript kvôli kompatibilite (uhádol som, však?).

17mark · Napísal autor témy **17mark**: 21.03.2013 21:38

No,je pravda že som presne nepochopil načo služi tento zapis: > ,všetko som si tam poupravoval a mam naozaj oveľa lepši prehľad, vďaka

,ale mam teraz novy problem,po tomto upratovani v kóde sa mi začali ""biť" v bočnom panely kde mam widgety (class="widgets-right") kód,ktorý určuje ako majú vyzerať ostatne odkazy:

Kód:

a{
color: #808080;
text-decoration: none; 
}
a:hover , a:active {
color: #0066FF;
}

a ten,ktorý zadáva ako maju vyzerať odkazy v tom bočnom panely,čiže v tom class-e

Kód:

.widgets-right a{
color: black;
text-decoration: none;
}
.widgets-right a:hover{
color: white;
}

Presnejšie, nezobrazuje sa mi odkaz ktorý mam v class="widgets-right" v čiernej farbe,ale v tej #808080 (siva).

Ten article a header používam kvôli tomu, že mam Wordpress..

shaggy · Napísal **shaggy**: 21.03.2013 21:48

Citácia:

ten article a header používam kvôli tomu, že mam Wordpress..

Tak tento argument som nepochopil, šablónu si predsa môžeš upraviť.

17mark · Napísal autor témy **17mark**: 21.03.2013 21:58

No jo,sa s tím trocha pohrám..

Problém s CSS - a

Podobné témy