Autor Zpráva
michal9
Profil *
Mám problém, když mám na stránkách textový odkaz, a mám jeho styl upravený pomocí scriptu .css, tak proč to pak funguje jen v Exploreru a ve Firefoxu ne?

SCRIPT:

A.d:link {
FONT: 20px/30px; COLOR: d6ffd6; FONT-WEIGHT: normal; TEXT-DECORATION: none; padding-left: 10px
}
A.d:visited {
FONT: 20px/30px; COLOR: d6ffd6; FONT-WEIGHT: normal; TEXT-DECORATION: none; padding-left: 10px
}
A.d:active {
FONT: 20px/30px; COLOR: 154e15; FONT-WEIGHT: normal; TEXT-DECORATION: none; padding-left: 10px
}
A.d:hover {
FONT: 20px/30px; COLOR: 154e15; FONT-WEIGHT: normal; TEXT-DECORATION: none; padding-left: 10px
}
zvěřiňák
Profil *
A co to zkusit napsat takhle:
.d A:link, A:visited { 
FONT: 20px/30px; COLOR: d6ffd6; FONT-WEIGHT: normal; TEXT-DECORATION: none; padding-left: 10px 
} 
.d A:active, A:hover { 
FONT: 20px/30px; COLOR: 154e15; FONT-WEIGHT: normal; TEXT-DECORATION: none; padding-left: 10px 
} 
Bubák
Profil
zvěřiňák
To asi nebude fungovat.

michal9
Třeba takto:
a.d { 
font: 20px/30px sans-serif; color: #d6ffd6; text-decoration: none; padding-left: 10px;
}
a.d:hover, a.d:active, a.d:focus {
color: #154e15; 
}

Nefungovaly to barvy, protože #.

Pozor na sdružené vlastnosti
FONT-WEIGHT: normal; vlastně deklaruješ 2×, ale font-family jsi zcela ponechal na prohlížeči (depends on user agent).

Nevyužíváš hromadnou deklaraci, ani dědičnost, zbytečně opakuješ deklarace.

mám jeho styl upravený pomocí scriptu .css
Neříká se tomu skript, ale stylový předpis, deklarace stylů, stylopis...
zvěřiňák
Profil *
Bubák
A vyzkoušel sis to? V IE i FF?
Funguje to takhle:
.d a { 
font: 20px/30px sans-serif; color: #d6ffd6; text-decoration: none; padding-left: 10px;
} 
.d a:hover, a:active, a:focus   { 
color: #154e15; 
} 

A v HTML:
 <div class="d"><a href="#">pokus</a></div>
panther
Profil
zvěřiňák
Funguje to takhle:
tu třídu máš jinde, michal9 neměl „.d a“, nýbrž „a.d“. Tzn., že ta třída „d“ nepatří k nadřazeému prvku, ale k odkazu samotnému:
<a class="d">

A vyzkoušel sis to? V IE i FF?
Teď nevím, co by na Bubákově příkladu nemělo fungovat. Jen si dovolil přehodit ti třídu na správné místo a doplnit „#“ před hexadecimální kód barvy. Ten se tam, pokud jsi nepředběhl dobu, stále ještě píše.
Bubák
Profil
zvěřiňák
michal9 tvrdí, že jeho kód funguje v IE, ale nefunguje ve Firefoxu. Předpokládám, že michal9 oběma prohlížečům předkládá tentýž HTML kód.

.d a:hover, a:active, a:focus   { 
color: #154e15; 
} 

Tenhle tvůj kód znamená:
.d a:hover   { 
color: #154e15; 
} 
a:active   { 
color: #154e15; 
} 
a:focus   { 
color: #154e15; 
} 

Správně by to pro tvůj HTML kód byl takto:
.d a:hover, .d a:active, .d a:focus   { 
color: #154e15; 
} 
michal9
Profil *
Díky Vám všem, zkusím si s tím nějak poradit :-)
michal9
Profil *
zvěřiňák
Bubák
panther
Stačilo tam připsat: sans-serif; a už to jde jak v IE, tak v MF.
díky moc všem

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: