Archivlink: javarea.de Forum > (X)HTML & CSS (allgemein) > onMouseover....
Vollständigen Link anzeigen: javarea.de Forum > (X)HTML & CSS (allgemein) > onMouseover....
Pages: [1]
2
... nächste »
... Letzte »
| geschrieben von Shaddow am 10.12.2003 - 16:47 |
Ich habe auf meiner Website meine Links in Form einer Tabelle untereinander angeordnet und je hinter die Links in den Kästchen noch eine Beschreibung dazu geeschrieben...
Ich möchte jetzt, wenn ich mit der Maus über ein Tabellefeld fahre, dass es dann die Farbe ändert, also z.B. von "FF0000" zu "7FFF00"
Wie geht das?
In selfhtml ist leider nur eine kurze Beschreibung zum Thema Mouseover und aus der werd ich nich schlau!
Wissen ist Macht- nichts wissen macht nichts...
___________________________________________________
Shaddow |
| geschrieben von René am 10.12.2003 - 19:39 |
| meinst du das, wie hier im Menü? --> www.sangermann.com |
| geschrieben von Hawk am 11.12.2003 - 20:01 |
Versuche es mal damit, jetzt kannst du jeden Tabellenfeld eine andere Farbe zuweisen
<td style="background: #7FF000" onMouseover="this.style.backgroundColor='#FF0000'" onMouseout="this.style.backgroundColor='#7FF000'"></td>
Viel spass dabei
Hawk |
| geschrieben von Shaddow am 12.12.2003 - 18:21 |
| Zitat | | | <td style="background: #7FF000" onMouseover="this.style.backgroundColor='#FF0000'" onMouseout="this.style.backgroundColor='#7FF000'"></td> |
Wie ich jedem einzelnen Tabellenfeld eine Fa´rbe zuweisen kann, das wusste ich ja, aber eben nicht, wie das mit diese onMouseover ge´ht ...
ich hätte wahrscheinlich was mit change color oder so was probiert, obwohl ich dabei nicht mal wüsste obs das gibt....
Danke
Wissen ist Macht- nichts wissen macht nichts...
___________________________________________________
Shaddow |
| geschrieben von killercoolaid am 12.12.2003 - 19:15 |
Gleich noch ne Frage, wie geht denn das mit Buttons? (beim hovern)
MfG Daniel |
| geschrieben von Hawk am 12.12.2003 - 20:02 |
was meinst du mit hovern bei Button?
Hawk |
| geschrieben von Shaddow am 12.12.2003 - 20:25 |
Es hat nich funktioniert!
Es sieht bei mir glaub so aus:
| Zitat | | | ....
<BODY BGCOLOR="#000000">
<TABLE BORDER=5 COLOR:FFFFFF CELLSPACING=5 CELLPADDING=12>
<TR>
<TD ALIGN="CENTER" STYLE="FONT-FAMILY:'Papyrus'; BACKGROUND:#191970"
onMouseover="this.style.backgroundcolor='#FF0000'"
onMouseout="this.style.backgroundcolor='#191970'">
--->hier kommt dann ein Text rein....<-----
</TD>
...... |
Warum gehts nicht?
Wissen ist Macht- nichts wissen macht nichts...
___________________________________________________
Shaddow |
| geschrieben von Hawk am 12.12.2003 - 20:41 |
Bei mir funzt es auch mit deinen angaben.
Hawk |
| geschrieben von Shaddow am 12.12.2003 - 20:55 |
Bei mir nicht .. ich verstehs nicht...
ach ich lasse einfach nicht den ganzen Button die Farbe ändern sondern eben nur die Schrift, das muss halt reichen...
Danke für deine Bemühungen!
Wissen ist Macht- nichts wissen macht nichts...
___________________________________________________
Shaddow |
| geschrieben von Hawk am 12.12.2003 - 21:00 |
Was meinst Du mit Button, ich denke Du willst nur die Hintergrundfarbe ändern in der Tabelle. Setzt Du in die Tabelle Button ein.
mfg Hawk |
| geschrieben von killercoolaid am 12.12.2003 - 21:06 |
ich möchte einen hovereffekt mit buttons machen, weiss aber nicht, wie.
Shadow möchte nur die farben ändern.
MfG Killercoolaid |
| geschrieben von Shaddow am 12.12.2003 - 21:10 |
Tut mir leid ich meinte natürlich TABELLENZELLE!
Ach ja Hawk lass mich mal bitte versuchen Killercoolaids frage zu beantworten, wenns falsch ist kannst du mich ja immernoch verbessern!
Wissen ist Macht- nichts wissen macht nichts...
___________________________________________________
Shaddow |
| geschrieben von Hawk am 12.12.2003 - 21:17 |
Welchen Editor benutzt Du? Also wenn Du es mit Button machen willst Brauchst Du für jeden Link drei Button (normal,Drüber, gedrückt). Oder du nimmst eine CSS dafür.
<style type="text/css">
<!--
body {background-color:#FFFFE0;}
a.menu {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
display:block;
margin-top:5px;
text-align:center;
width:150px;
border-style:solid;
border-width:1px;
padding:2px; }
a.menu:link {
color:blue;
text-decoration:none;}
a.menu:visited {
color:blue;
text-decoration:none;}
a.menu:hover {
color:yellow;
background-color:blue;
text-decoration:none; }
a.menu:active {
color:yellow;
background-color:#AA0033;
text-decoration:none; }
-->
</style>
</head>
<body>
<div class="menu">
<img src="community.gif" vspace="12">
<a class="menu" href="forum.php">Pinnwand</a>
<a class="menu" href="chat.html">Chatline</a>
<a class="menu" href="gaestebuch.php">Gästebuch</a>
<a class="menu" href="ho_pers.php">User-Homepages</a>
<a class="menu" href="heise_ticker.php">Computer-News</a>
<a class="menu" href="artikel.php">Webmaster-Tipps</a>
<a class="menu" href="flohmarkt.php">Flohhmarkt</a>
<a class="menu" href="index.php">Virtuelles Quiz</a>
<a class="menu" href="index.php">Suchen im Archiv</a>
<img src="bilder.gif" vspace="12">
<a class="menu" href="bilder.php">Dampflokomotiven</a>
<a class="menu" href="slide.htm">Slideshow: Brücken</a>
<a class="menu" href="bayern.php">Bilder aus Bayern</a>
<a class="menu" href="muc.htm">Bilder aus München</a>
<img src="einkaufen.gif" vspace="12">
<a class="menu" href="buecher.php">Bücher/CD/DVD</a>
<a class="menu" href="webspace.php">Webspace</a>
<a class="menu" href="tdsl.php">T-DSL-Shop</a>
<a class="menu" href="isdn.php">ISDN-Shop</a>
<a class="menu" href="mobilfunk.php">Mobilfunk-Shop</a>
<a class="menu" href="zugang.php">Internet-Zugang</a>
<img src="werkstatt.gif" vspace="12">
<a class="menu" href="irc.php">Infos zum IRC</a>
<a class="menu" href="suchmaschinen.php">Suchmaschinen</a>
<a class="menu" href="netmeeting.php">Netmeeting</a>
<img src="service.gif" vspace="12">
<a class="menu" href="card.html">Digitale Grußkarten</a>
Mit diesen Style hast du den Effekt ohne Button
mfg Hawk |
| geschrieben von Shaddow am 12.12.2003 - 21:26 |
Also...
ich würde es so probieren:
Ich würde dem Button eine Id zuweisen und dann irgendwie versuchen über einen onMouseover-tag die Buttons austauschen zu lassen - vorrausgestzt es sind grafiken...
wenn nicht dann würde ich eine Farbe für den Button festlegen, die dann über onMouseover="this.style.backgroundColor='#FF0000'"
und das auch noch mit onMouseout dei Farbe wechselt.
Könnte das in irgendeiner Weise auch nur ansatzweise richtig sein?
Wissen ist Macht- nichts wissen macht nichts...
___________________________________________________
Shaddow |
| geschrieben von Hawk am 12.12.2003 - 21:32 |
Der Ansatz ist völlig richtig. Ich schau mal nach eine andere Lösung für dich, bin gleich wieder zurück.
Bis gleich Hawk |
|