Rollovereffekt im CSS

  1. TNC

    TNC Thread StarterMacUser Mitglied

    Mitglied seit:
    11.01.2003
    Beiträge:
    1.881
    Zustimmungen:
    0
    Hi
    bisher hab ich den Quellcode der rollovereffekte auf jeder einzelnen seite platziert, lieber wär mir diesen einmal zu haben und am besten im css einbetten.
    hat wer nen kleinen tipp wie ich das am besten mach?

    danke
     
  2. fihu

    fihuMacUser Mitglied

    Mitglied seit:
    13.11.2002
    Beiträge:
    738
    Zustimmungen:
    0
    Ich mache das immer so:
    (Ich hoffe mal, du kannst soweit CSS, dass du das verstehst)

    td.rollover { background: black }
    td.rollover:hover { background: white }

    Und tada: alle Tabellenzeilen mit der class="rollover" wechseln beim Mausrüberziehen von schwarz zu weiss.
    Das Tolle: du kannst wirklich jedes CSS-Style damit verändern :)
    Viel besser als onMouseOver="img.src='rolloverpic.gif'"

    Klappt hervorragend mit dem Mozilla, beim IE irgendwie nicht. (Safari, Opera nicht getestet)

    IE: Weiß da jemand ne Lösung?
     
    fihu, 16.05.2003
  3. TNC

    TNC Thread StarterMacUser Mitglied

    Mitglied seit:
    11.01.2003
    Beiträge:
    1.881
    Zustimmungen:
    0
    tabellen

    ja aber es ist nicht immer gut eine rechteckige fläche zu haben wenn alles andere im restlichen design eher rundlich ist ;-)
    aber ist auch ne gute möglichkeit.

    clap
     
  4. Mauki

    MaukiMacUser Mitglied

    Mitglied seit:
    24.07.2002
    Beiträge:
    14.816
    Zustimmungen:
    138
    meines Wissens kann man aber mittels CSS Tabellen runde Ecken geben. Must mal bei SelfHTML Tabellen und CSS stöbern.

    mfg
    Mauki
     
    Mauki, 16.05.2003
  5. ipossum

    ipossumMacUser Mitglied

    Mitglied seit:
    19.07.2003
    Beiträge:
    5
    Zustimmungen:
    0
     

    die kannst du dann aber nur auf 1 oder 2 Browsern sehen, beim Rest siehts Sch**+ aus
     
    ipossum, 19.07.2003
  6. TNC

    TNC Thread StarterMacUser Mitglied

    Mitglied seit:
    11.01.2003
    Beiträge:
    1.881
    Zustimmungen:
    0
    ...

    auf welchen brausern funktioniert das ding?
    auf beiden, mac / win??
    ie, netscape, opera, mozilla, safari???

    ich habe es soeben auf ie mac getestet aber es will nicht...
     
  7. TNC

    TNC Thread StarterMacUser Mitglied

    Mitglied seit:
    11.01.2003
    Beiträge:
    1.881
    Zustimmungen:
    0
    interpol

    hier zu sehen

    ein kleines beispiel für rollover css :)

    vielleicht entdeckt der eine oder andere auch mal ein foto von sich in einer der galerien...
     
  8. breiti

    breitiMacUser Mitglied

    Mitglied seit:
    17.04.2003
    Beiträge:
    766
    Zustimmungen:
    10
    kan es sein das das css :hover zeugs nicht wirklich überall richtig funktioniert?

    damit mein ich jetzt nicht nur bei browsern sondern auch einigen css elementen
     
    breiti, 22.08.2003
  9. lemonstre

    lemonstreMacUser Mitglied

    Mitglied seit:
    12.03.2003
    Beiträge:
    1.882
    Zustimmungen:
    105
     

    in allen browsern funktioniert das nur mit dem <a> tag zuverlässig... in allen anderen muss man abstriche machen...

    gruss
    lemonstre
     
    lemonstre, 22.08.2003
Die Seite wird geladen...
Ähnliche Themen - Rollovereffekt CSS
  1. dennz2017
    Antworten:
    2
    Aufrufe:
    306
  2. hello
    Antworten:
    1
    Aufrufe:
    238
  3. Hoooray
    Antworten:
    2
    Aufrufe:
    328
    Hoooray
    21.07.2015
  4. Kemna
    Antworten:
    6
    Aufrufe:
    569
  5. xeo
    Antworten:
    13
    Aufrufe:
    1.278