su37: Problem mit OnClick bei CSS

SELF-Forum

Problem mit OnClick bei CSS

su37
– Informationen zu den Bewertungsregeln

Hallo Leute

Ich wollte ein Menu mit verschiedenen Effekten mit Hilfe von CSS erstellen. Es gab allerdings beim a:active teil ein Problem, er funktioniert einfach nicht als wäre der letzte Abschnitt gar nicht da. Ich glaube ich habe nur etwas kleines vergessen, aber ich weis nicht was.

Ach ja ich benutze phase 5.3, nur so.

<style type="text/css">
<!--
.buttons {
margin:0px 0px 0px -20px;
padding:7px 20px;
text-transform:uppercase;
font-family:Verdana, sans-serif;
font-weight:bold;
font-size:12px;
white-space:nowrap;
background-color:#FE2E3E;
}
.buttons a {
padding:7px 20px;
border:1px solid #000000;
font-family:Arial, sans-serif;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
background-color:#EE022C;
}

.buttons a:hover {
border-right:1px solid #000000;
font-family:Arial, sans-serif;
font-weight:bold;
color:#000000;
text-decoration:none;
background-color:#FF6600;
}

.buttons strong {
padding:7px 20px;
font-family:Arial, sans-serif;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
}

(Hier liegt irgendwo das Problem)
.buttons a:active {
border-right:1px solid #000000;
font-family:Arial, sans-serif;
font-weight:bold;
color:#000000;
text-decoration:none;
background-color:#FF6666;
}

-->
</style>

Ich hoffe ihr wisst die Lösung

mfg su37

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Problem mit OnClick bei CSS

    MudGuard Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hi,

    Ich wollte ein Menu mit verschiedenen Effekten mit Hilfe von CSS erstellen. Es gab allerdings beim a:active teil ein Problem,

    Im Titel schreibst Du was von onclick, hier was von :active.
    Beides hat wenig miteinander zu tun.

    :active trifft zu, während das Element aktiviert wird (also vom Drücken bis zum Loslassen der Maustaste). Danach nicht mehr.

    cu,
    Andreas

    --
    Warum nennt sich Andreas hier MudGuard?
    Fachfragen per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  2. Problem mit OnClick bei CSS

    Thomas
    – Informationen zu den Bewertungsregeln

    hi su37!

    ich habe so was auch schon öfter gemacht. ich habe es aber codemässig so gelöst. natürlich ist hier dann auch mein css-style und nicht deiner. ich denke, wenn du mal genau hinsiehst, wirst du einen kleinen unterschied sehen.

    a.button:link {
    border-color:#B4C2D0;
    border-width:1px;
    border-style:solid;
    background-color:#DFEDFB;
    font-family:"Verdana","Arial";
    font-size:12px;
    font-weight:bold;
    padding:1px;
    }
    a.button:visited {
    border-color:#B4C2D0;
    border-width:1px;
    border-style:solid;
    background-color:#DFEDFB;
    font-family:"Verdana","Arial";
    font-size:12px;
    font-weight:bold;
    padding:1px;
    }
    a.button:hover {
    color:black;
    border-color:#000000;
    border-width:1px;
    border-style:solid;
    background-color:#ADD1F5;
    font-family:"Verdana","Arial";
    font-size:12px;
    font-weight:bold;
    padding:1px;
    }
    a.button:active {
    border-color:#B4C2D0;
    border-width:1px;
    border-style:solid;
    background-color:#DFEDFB;
    font-family:"Verdana","Arial";
    font-size:12px;
    font-weight:bold;
    padding:1px;
    }
    a.button:focus {
    border-color:#B4C2D0;
    border-width:1px;
    border-style:solid;
    background-color:#DFEDFB;
    font-family:"Verdana","Arial";
    font-size:12px;
    font-weight:bold;
    padding:1px;
    }

    der aufruf im html wäre dann:
    <a class="button" href="url">Link</a>

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Problem mit OnClick bei CSS

      Ingo Turski Homepage des Autors
      – Informationen zu den Bewertungsregeln

      Hi,

      warum machst Du diese Angaben

      border-width:1px;
      border-style:solid;
      font-family:"Verdana","Arial";
      font-size:12px;
      font-weight:bold;
      padding:1px;

      fünf mal?

      freundliche Grüße
      Ingo

      --
      [barrierefreie Webseitenerstellung » Suchmaschinenoptimierung | em?] (Tanzschritte gesucht?;-)
      Beitrag melden
      –
      Informationen zu den Bewertungsregeln