Hej Mia
Mia J skrev:
> Jeg har defineret en knap i css således:
> .knap {
> width: 100px;
> background-color: #96050a;
> border: medium outset;
> margin-top: 20px;
> margin-bottom: 20px;
> margin-left: auto;
> margin-right: auto;
> border-color: #c74c51 #770206 #770206 #c74c51;
> padding: 4px 10px 4px 10px;
> font: 14px bolder;
> color: #ffffff;
> text-decoration: none;
> }
> Men det meste virker overflødigt. Den overholder ikke width, margin-top og
> bottom, padding og fontweight.
> Hvordan får jeg den til at makke ret?
Det kunne tyde på at nogle standard a:link -definitioner overtrumfer det
du skriver i ovenstående, så du kan måske med fordel tænke i
css-selector - nærhed, det vi sommetider kalder specificivitet.
Jeg har flere gange oplevet at hvis jeg havde defineret links med
a:link, a:visited osv, så virker "almindelig" style ikke efterfølgende
på nogle af de satte properties...
løsningen her kan være at skrive
a:link .knap, a:visited .knap [osv] {
i stedet for
..knap
En meget let måde at checke om det virker på, er ved at se om
inline-style virker, da inline-style har absolut højeste
nærhedsgrad/specificivitet
mvh
Jesper Brunholm
--
Phønix - dansk folk-musik i front - <
http://www.phonixfolk.dk/>
H.C. Andersen-Centret: <
http://www.andersen.sdu.dk/>