1. Dashboard
  2. Artikel
  3. Mitglieder
    1. Letzte Aktivitäten
    2. Benutzer online
    3. Team
    4. Mitgliedersuche
  4. Forum
    1. Unerledigte Themen
  • Anmelden
  • Registrieren
  • Suche
Dieses Thema
  1. HTML - Webmaster Forum
  2. HTML / Webmaster Forum
  3. HTML & CSS Forum

Mouseover

  • Gigazone
  • 23. Mai 2005 um 20:17
  • 1
  • 2
  • Gigazone
    Meister(in)
    Beiträge
    277
    • 23. Mai 2005 um 20:17
    • #1

    Wie mache ich es das wenn ich über einen Text mit der Maus fahre das dieser Text dann Unterstrichen und in einer anderen Farbe ist???


    MfG Gigazone

  • Empon
    Meister(in)
    Beiträge
    370
    • 23. Mai 2005 um 20:31
    • #2

    Mit CSS:
    http://de.selfhtml.org/html/verweise/…n.htm#gestalten

    Mess with the best, die like the rest

  • ST-O Keule
    Großmeister(in)
    Beiträge
    498
    • 23. Mai 2005 um 21:02
    • #3

    hier so sieht es fertig aus !

    Code
    <head>
    <title>Verweise gestalten mit CSS</title>
    <style type="text/css">
     a { text-decoration:none;  color:#654321; }
     a:hover { text-decoration:underline; color:#123456; }
    </style>
    </head>

    [Blockierte Grafik: http://sturmtrupp-ost.de/images/ban_sto480.jpg]
    Homepage -->Sturmtrupp-Ost
    Projekt -->Recording System

  • Gigazone
    Meister(in)
    Beiträge
    277
    • 23. Mai 2005 um 21:46
    • #4

    Ok danke hat gelaufen.

    Ähhm jetzt noch wie mache ich es das wenn man in der Navleiste ist das wenn man mit der Maus über einen link geht das sich dann die nächste .html seite öffnet und wenn man wieder mit der Maus herunterfährt das dann wieder die alte kommt ich habe es mal so probiert aber das wat völliger Quatch:

    Code
    <a href="???" target="???" onmouseover="???" onmouseoverout="???">

    MfG Gigazone

  • CHIEFmaster
    Kaiser(in)
    Beiträge
    2.454
    • 25. Mai 2005 um 13:56
    • #5

    hmm... mal ne Frage an alle, die davon Ahnung haben...
    Ich hab in einigen meiner Seiten den folgenden Code im HEAD-Bereich eingebaut:

    Code
    <style>
    
    
    </style>

    Des funzt auch echt genial!
    Jetzt meine Frage:
    Ist das n kompatibler Style-Code, oder siehts da problematisch aus,
    in anderen Browsern, als dem von mir verwendeten IE...????

    Ich find den Weg halt irgendwie einfacher und genau so effektiv!!!!!!
    (da bisher ALLES funktionierte...)

    Gruß,

    der CHIEFmaster


    [SIGPIC][/SIGPIC]
    http://www.fotocommunity.de/pc/pc/mypics/787761


    http://www.fotocommunity.de/pc/pc/mypics/787761

  • [sG|W00tkaeppi]
    Gast
    • 25. Mai 2005 um 14:04
    • #6
    Code
    <style>
    
    
    </style>

    Das geht schon, wobei es konform eher so geht:

    Code
    <style>
    
    
    </style>

    Nachteil an dieser Definition ist eben, das alle Links auf Deiner Seite so agieren werden. Ich bestimme die Links je nach Zelle, Tabelle, DIV und/oder Span. Beispiel:

    Code
    TABLE.eins { blafasel }
    .eins a { blafasel }
    .eins a:hover { blafasel }
    Code
    <table class="eins" ...

    Hat nun den Vorteil, das alle Links in der Tabelle 'eins' genau nach den Vorgaben für .eins a - Links agiert.

  • CHIEFmaster
    Kaiser(in)
    Beiträge
    2.454
    • 25. Mai 2005 um 14:07
    • #7

    hmm... ich werds mal so ausprobieren,
    wie dus geschrieben hast!

    Klar, der Nachteil ist schon, dass alle Links gleich agieren,
    aber im Endeffekt kann man auf ner kleineren Seite für die Navi oder so
    halt ganz einfach das Verhalten definieren, ohne externe CSS-Datei!

    Was ich jetzt noch gerne wissen würde...

    ich hab ne Tabelle mit 3 Zeilen (is ja egal...) und mehreren Spalten.
    Ich möchte jetzt, dass wenn man mit der Maus über eine der Zeilen fährt,
    diese KOMPLETT anders eingefärbt wird, also auch die einzelnen Spalten der Zeile!

    Das geht doch bestimmt, oder???

    Lieber Gruß,

    der CHIEFmaster


    [SIGPIC][/SIGPIC]
    http://www.fotocommunity.de/pc/pc/mypics/787761


    http://www.fotocommunity.de/pc/pc/mypics/787761

  • [sG|W00tkaeppi]
    Gast
    • 25. Mai 2005 um 14:09
    • #8

    Schau mal auf meine Seite http://www.eremus.de ;)

    €dit: Noch im Aufbau :D .. nicht auf die Testangebote achten :mrgreen:

  • CHIEFmaster
    Kaiser(in)
    Beiträge
    2.454
    • 25. Mai 2005 um 14:11
    • #9

    naja, deins ist aber ja eine Tabelle, die mit nem Mouseover (oder so) angesteuert wird, oder???

    [EDIT:]
    Ups, hab gefunden, was du meinst!!!!
    GENAU SO! Nur halt, dass die ganze Zeile eingefärbt wird, incl. aller Spalten in der Zeile!


    [SIGPIC][/SIGPIC]
    http://www.fotocommunity.de/pc/pc/mypics/787761


    http://www.fotocommunity.de/pc/pc/mypics/787761

  • [sG|W00tkaeppi]
    Gast
    • 25. Mai 2005 um 14:17
    • #10

    Meinst Du das z.B. so?

    Code
    ### ### ### ### ###
    ### ### ### ### ###
    +++ +++ +++ +++ +++
    ### ### ### ### ###

    Wir sehen hier also fünf Spalten mit vier Zeilen. Wenn Du nun über die Zelle 2 der Spalte 2 in der dritten Zeile fährst, sollen auch die Zellen 1, 3, 4, 5 vom MO-Effekt betroffen sein?

    ### = Eine Zelle
    +++ = Ein Zelle MO

  • CHIEFmaster
    Kaiser(in)
    Beiträge
    2.454
    • 25. Mai 2005 um 14:26
    • #11

    JAWOLLJA!!!! Genau so solls funktionieren!!!!!!


    [SIGPIC][/SIGPIC]
    http://www.fotocommunity.de/pc/pc/mypics/787761


    http://www.fotocommunity.de/pc/pc/mypics/787761

  • [sG|W00tkaeppi]
    Gast
    • 25. Mai 2005 um 14:43
    • #12

    http://www.mysteam.de/zeile-hover-test.html

    Habe es Dir eben mal erstellt ;)

  • CHIEFmaster
    Kaiser(in)
    Beiträge
    2.454
    • 25. Mai 2005 um 16:16
    • #13
    Zitat von [sG|W00tkaeppi

    ]http://www.mysteam.de/zeile-hover-test.html

    Habe es Dir eben mal erstellt ;)

    FUCK!
    (ups... darf man sowas hier sagen?? *g*
    habs au extra klein geschrieben!!!)
    WIE GEIL!

    Dank dir! Ic h werd des mal so übernehmen!!! :)

    DAAAAANNNKKKEEEEEEEEE!!!!!!!!!!!!!!!!


    [SIGPIC][/SIGPIC]
    http://www.fotocommunity.de/pc/pc/mypics/787761


    http://www.fotocommunity.de/pc/pc/mypics/787761

  • [sG|W00tkaeppi]
    Gast
    • 25. Mai 2005 um 16:39
    • #14

    Ey fuck ey, Kein Problem :mrgreen:

  • CHIEFmaster
    Kaiser(in)
    Beiträge
    2.454
    • 25. Mai 2005 um 16:44
    • #15

    scheisse, wie geil! :)


    [SIGPIC][/SIGPIC]
    http://www.fotocommunity.de/pc/pc/mypics/787761


    http://www.fotocommunity.de/pc/pc/mypics/787761

  • [sG|W00tkaeppi]
    Gast
    • 25. Mai 2005 um 16:51
    • #16

    Beschissen krass :mrgreen:

  • CHIEFmaster
    Kaiser(in)
    Beiträge
    2.454
    • 25. Mai 2005 um 16:51
    • #17

    verfluchte kacke!


    [SIGPIC][/SIGPIC]
    http://www.fotocommunity.de/pc/pc/mypics/787761


    http://www.fotocommunity.de/pc/pc/mypics/787761

  • [sG|W00tkaeppi]
    Gast
    • 25. Mai 2005 um 16:52
    • #18

    Dreckig fett :mrgreen:

  • CHIEFmaster
    Kaiser(in)
    Beiträge
    2.454
    • 25. Mai 2005 um 16:53
    • #19

    ähm... mal zurück zum Thema... :)

    wie genau bau ich das jetzt in eine bestehende Tabelle ein?????

    kacke man! :)


    [SIGPIC][/SIGPIC]
    http://www.fotocommunity.de/pc/pc/mypics/787761


    http://www.fotocommunity.de/pc/pc/mypics/787761

  • [sG|W00tkaeppi]
    Gast
    • 25. Mai 2005 um 16:57
    • #20

    So ein Scheißdreck ein Verfluchter, show me th'a fuckin' source code :mrgreen:

    • 1
    • 2

Tags

  • www
  • html
  • link
  • tex
  • http
  • links
  • style
  • problem
  • form
  • code
  • tabelle
  • maus
  • div
  • javascript
  • source
  • table
  • zelle
  • zellen
  • hover
  • definition
  • konform
  1. Datenschutzerklärung
  2. Impressum
Community-Software: WoltLab Suite™
  • Alles
  • Dieses Thema
  • Dieses Forum
  • Artikel
  • Seiten
  • Forum
  • Erweiterte Suche
Zitat speichern