| Autor | Zpráva | ||
|---|---|---|---|
| michal9 Profil * |
#1 · Zasláno: 7. 4. 2009, 18:42:33
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 * |
#2 · Zasláno: 7. 4. 2009, 19:06:03
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 |
#3 · Zasláno: 8. 4. 2009, 00:07:23 · Upravil/a: Bubák
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 * |
#4 · Zasláno: 8. 4. 2009, 03:03:08
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 |
#5 · Zasláno: 8. 4. 2009, 07:15:13
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 |
#6 · Zasláno: 8. 4. 2009, 08:14:42
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 * |
#7 · Zasláno: 8. 4. 2009, 08:27:59
Díky Vám všem, zkusím si s tím nějak poradit :-)
|
||
| michal9 Profil * |
#8 · Zasláno: 8. 4. 2009, 13:32:00
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 |
||
|
Časová prodleva: 15 let
|
|||
0