Loading...   Upload Image

a:link DefinationproblemeForum » Webzone » (X)HTML & CSS » a:link Definationprobleme

Neues Thema verfassen Neues Thema

  • KatjanaUser ist offline
    Member


    Katjana

    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 möchte das jede id ein eigenes a haben, aber meine navigation nimmt nicht alles an was dafür 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;
    }




  • AliceUser ist offline
    Admin


    Alice

    Registriert: 14.12.2006
    Beitraege: 1059

    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 } ...
  • KatjanaUser ist offline
    Member


    Katjana

    Registriert: 31.10.2008
    Beitraege: 108

    19.12.2008 um 20:58 Uhr

    Sorry.

    klick



  • AliceUser ist offline
    Admin


    Alice

    Registriert: 14.12.2006
    Beitraege: 1059

    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 } ...
  • KatjanaUser ist offline
    Member


    Katjana

    Registriert: 31.10.2008
    Beitraege: 108

    21.12.2008 um 10:04 Uhr

    Dankeschön, gut zu wissen mit diesem !important:D
    Und ja die seite hilft mir^^




[ 1 ] Seite 1 von 1


Affiliates:   Chibi Graphics  •   The Seduction  •   Gallery Yuri  •   Design Grafixx  •   Pat DG  •   Colorful Gfx  •   Blue-Graphics  • Show all ...
designenlassen.de - Der Design-Marktplatz für Webdesign, Logo-Design, Flyerdesign u.v.m.        ALL-INKL.COM - Webhosting Server Hosting Domain Provider