CSS Links nicht unterstreichen



  • Hallo,
    wieso sind die Links noch unterstrichen?

    /* ###### Browser-specific Styles ###### */
    
    /* For IE & Mozilla-based browsers: */
    
    .LHS {
      margin-left: 2.5mm;
      float: left;
      clear: left;
    }
    
    .RHS {
      margin-right: 2.5mm;
      float: right;
      clear: right;
    }
    
    /* For Mozilla-based (CSS2-fully complaint) browsers only: */
    
    [class~="LHS"] {
      margin-left: 5mm;
    }
    
    [class~="RHS"] {
      margin-right: 5mm;
    }
    
    /* ###### Body Text ###### */
    
    body {
      background-color: #ffcc00;
      color: black;
      font-family: verdana, tahoma, helvetica, arial, sans-serif;
      font-size: 75%;
      margin: 0;
      background-repeat: no-repeat;
      background-attachment: scroll;
    }
    
    h1, h2, h3 {
      font-family: "trebuchet ms", tahoma, sans-serif;
    }
    
    h1 {
      font-weight: bold;
      font-size: 150%;
      border-bottom-style: solid;
      border-bottom-width: 1px;
      padding-bottom: 0.5ex;
    }
    
    img {
      border: none;
    }
    
    q {
      font-family: tahoma, verdana, helvetica, arial, sans-serif;
      font-weight: bold;
      border-style: dotted;
      border-width: 2px;
      margin: 0 1em 1ex 1em;
      padding: 0.5ex 0.5ex 0.5ex 1ex;
      width: 9em;
      float: left;
    }
    
    acronym {
       border-bottom-style: dotted;   
      border-bottom-width: 1px;
      cursor: help;
    }
    
    code {
      font-family: "lucida console", monospace;
      font-size: 90%;
    }
    
    dt {
      font-weight: bold;
    }
    
    dd {
      padding-bottom: 1.5em;
    }
    
    #bodyText {
      text-align: justify;
      line-height: 1.5em;
      margin: 10mm 5mm 0 14em;
      padding: 0 1em 1ex 1em;
    }
    
    #bodyText p {
      padding-bottom: 2ex;
    }
    
    #bodyText a {
      text-decoration: none;
      border-bottom-style: solid;
      border-bottom-width: 1px;
    }
    
    #bodyText a:hover {
      border-bottom: none;
    }
    
    #bodyText .topOfPage {
      font-size: 90%;
      font-weight: bold;
      font-variant: small-caps;
      text-decoration: none;
      border: none;
      padding-left: 1ex;
      padding-right: 1ex;
      float: right;
    }
    
    .smallCaps {
      font-variant: small-caps;
    }
    
    /* ###### Header ###### */
    
    #header {
      border-bottom-style: solid;
      border-bottom-width: 2px;
      height: 7.5em;
      margin-bottom: 5mm;
      padding: 0 2.5mm 0 5mm;
      background-repeat: no-repeat;
    }
    
    .headerTitle {
      font-size: 300%;
      font-weight: bold;
      line-height: 2em;
    }
    
    .menuBar {
      float: left;
    }
    
    .locBar {
      float: right;
    }
    
    .menuBar *, .locBar * {
      text-decoration: none;
      font-weight: bold;
      padding-right: 1ex;
    }
    
    .menuBar a:hover, .locBar a:hover {
      text-decoration: underline;
    }
    
    /* ###### Side Box ###### */
    
    .sideBox {
      border-style: solid none solid none;
      border-width: 2px 0 2px 0;
      width: 11em;
      margin-top: 5mm;
    }
    
    .sideBox div {
      font-weight: bold;
      border-bottom-style: dashed;
      border-bottom-width: 1px;
      padding: 0.5ex 0.5em 0.5ex 0.75em;
    }
    
    .sideBox a, .sideBox a:hover, .sideBox span {
      color: black;
      text-decoration: none;
      line-height: 1.25em;
      display: block;
      padding: 1.25ex 0.5em 1.25ex 0.75em;
    }
    
    .sideBox .thisPage {
      font-weight: bold;
    }
    
    /* ###### Footer ###### */
    
    #footer {
      padding-top: 0.75ex;
      padding-bottom: 0.75ex;
      clear: left;
    }
    
    #footer div {
      font-size: 85%;
      line-height: 1.25em;
      text-align: right;
      padding-right: 3mm;
    }
    
    #footer a:hover {
      text-decoration: none;
    }
    
    .footerLHS {
      float: left;
      clear: left;
      padding-left: 3mm;
    }
    
    <a class=a1 href=\"index.php?section=admin&sub=deladdon\" target=_parent>Addon entladen</a>
    

    Aber irgendwas muss ja noch fehlen?
    Links sollen nur farblich abgehoben sein, mehr nicht.
    Und natürlich die Farbe bei Mouse Over ändern.

    Wer kann helfen?



  • Du hast bei

    #bodyText a {
      text-decoration: none;
      border-bottom-style: solid;
      border-bottom-width: 1px;
    }
    

    erst die Unterstreichung deaktiviert, dann aber einen Border unten gemacht, was quasi die "Unterstreichung" wieder aktiviert.

    Außerdem sehe ich keine Klasse a1 in CSS. — Tippfehler?

    Gruß



  • So etwas

    margin-left: 2.5mm;

    ist auch Unsinn. Woher willst Du
    wissen wie groß der Monitor ist ? Verwende "em", notfalls "px" oder "%".

    <a class=a1 href=\"index.php?section=admin&sub=deladdon\" target=_parent>Addon entladen</a>

    ist nicht valide.

    <a class="a1" href="index.php?section=admin&sub=deladdon" target=_parent>Addon entladen</a>

    call-Name in Gänsedings, das Gänsedings muß nur gemappt werden wenn das so
    im C-Quelltext drinnensteht. Ein Validator würde auch das "&" anmaulen, verwende
    da "&"



  • Ich hab das Layout verworfen und jetzt rapid css benutzt zum erstellen und anpassen.
    Sehr zu empfehlen für den schnellen Einsatz.


Anmelden zum Antworten