a:link Definationprobleme

Neues Thema verfassen Neues Thema

Katjana
Member

Registriert: 31.10.2008
Beitraege: 108

19.12.2008 um 19:53 Uhr

Huhu Leute,
ich hab da so ein kleies Problem mit dem a.

Denn ich mchte das jede id ein eigenes a haben, aber meine navigation nimmt nicht alles an was dafr bestimmt ist, denn stattdessen misch es sich mit den definationen von der Content id, wie kann ich das denn ndern?

body {
margin-left: 0px;
margin-top: 0px;
background-image: url('bg.jpg';
color: #436c6d;
font-family: Sylfaen, tahoma, verdana, arial;
font-size: 11pt;
font-weight: normal;
}

*html#content {
margin-left: 106px;
margin-top: 477px;
width: 488px;
position: absolute;
}

#content {
margin-left: 106px;
margin-top: 477px;
width: 488px;
position: absolute;
}

*html#navigation {
margin-left: 614px;
margin-top: 10px;
width: 150px;
background-color: #f2ddfe;
position: absolute;
}

#navigation {
margin-left: 614px;
margin-top: 10px;
width: 150px;
background-color: #f2ddfe;
position: absolute;
font-size: 8pt;
font-family: tahoma, arial, verdana;
padding: 5px;
}

#navigation a {
color:#913e96;
display:block;
margin: 1px 0px 1px 0px;
text-align: left;
vertical-align: middel;
height: 15px;
width: 150px;
text-decoration: none;
background-color: #ebd2fa;
border-bottom: 1px solid #ffffff;
}

#navigation a:active, a:visited {
color:#ffffff;
font-style: italic;
font-weight:normal;
text-decoration: line-through;
}

#navigation a:hover {
color:#7f59d2;
margin: 1px 0px 1px 0px;
text-align: right;
vertical-align: middel;
height: 15px;
width: 150px;
text-decoration: none;
background-color: #d49cf4;
border-bottom: 1px solid #ffffff;
}

.nav {
background-color: #f2ddfe;
margin-bottom: 3px;
}

#content a {
color:#570080;
font-weight:bold;
text-decoration: none;
}

#content a:active, a:visited {
color:#413e42;
font-weight:bold;
text-decoration: none;
}

#content a:hover {
color:#ffffff;
font-weight:bold;
text-decoration: none;
}

#content p{
margin: 0px;
padding: 5px;
}

a {
color:#000000;
font-weight:normal;
text-decoration: none;
}

a:active, a:visited {
color:#000000;
font-weight:bold;
text-decoration: none;
}

a:hover {
color:#ffffff;
font-weight:normal;
text-decoration: line-through;
}

Antworten Zitat
Alice
Admin

Registriert: 14.12.2006
Beitraege: 1058

19.12.2008 um 20:13 Uhr

Ein Link zur Seite waere ganz hilfreich,
da hier aus dem CSS alleine nicht wirklich hervorgeht, wie es mit dem 'Vererben' von Eigenschaften aussieht ...

Liebe Gruesse
Alice

... { signatur } ...

Antworten Zitat
Katjana
Member

Registriert: 31.10.2008
Beitraege: 108

19.12.2008 um 20:58 Uhr

Sorry.

klick

Antworten Zitat
Alice
Admin

Registriert: 14.12.2006
Beitraege: 1058
21.12.2008 um 08:55 Uhr

Also erst mal vorweg, deine Definition fuer den IE wird so nicht greifen, da fehlen Leerzeichen ...
```
*html#navigation {
margin-left: 614px;
margin-top: 10px;
width: 150px;
background-color: #f2ddfe;
position: absolute;
}
```
richtig waere:
```
* html #navigation {
margin-left: 614px;
margin-top: 10px;
width: 150px;
background-color: #f2ddfe;
position: absolute;
}
```
Desweiter heisst es vertical-align: middle, das wird aber nicht greifen,
weil vertical-align nur bei Inline-Elemnten genutzt werden kann,
du dein 'a' aber mittels display:block; zu einem Block-Element machst

Es gibt den Zusatz ! important ,
mit Hilfe dessen kannst du eine Fromatierung(Deklarationen) als besonders wichtig hervorheben, so dass die Deklaration, welche mit ! important bedacht wurde, gefreit vor 'Vererbung' aus einer andere Deklarationen ist,
naeheres dazu verraet dir SELF HTML - kaskade#ursprung

Ich hoffe das hilft dir weiter ...

Liebe Gruesse
Alice

... { signatur } ...
Antworten Zitat
Katjana
Member

Registriert: 31.10.2008
Beitraege: 108

21.12.2008 um 10:04 Uhr

Dankeschn, gut zu wissen mit diesem !important
Und ja die seite hilft mir^^

Antworten Zitat