marc4ndrew: tr mit background und bei mouseover eine andere farbe

SELF-Forum

tr mit background und bei mouseover eine andere farbe

marc4ndrew
– Informationen zu den Bewertungsregeln

Hi Leute,

Ich hab eine Frage und zwar, ich hab ein tr mit Background also so schaut es aus:
<tr>
              <td width="183" height="24" Background="../images/main_text.jpg">  &#8226;
                <font size="2" face="Verdana, Arial, Helvetica, sans-serif"><strong>Home</strong></font></td>
            </tr>

Folgendes:
Möchte bei mouseover eine andere Farbe haben und das Bild sollte erhalten bleiben. so sollte es aussehen (http://www.team64.de), links die Navi. So stelle ich es mir vor.
Ich hab auch schon im I-Net herum geschaut hab aber nur das gefunden:
<tr>
<td onMouseover="this.bgColor='beige'" onMouseout="this.bgColor='white'"> </td>
            </tr>

Da habe ich leider keinen Background, nur Farben.
Könnt Ihr mir vielleicht weiter helfen?

Mfg Marc

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. tr mit background und bei mouseover eine andere farbe

    Viennamade
    – Informationen zu den Bewertungsregeln

    Hallo!

    <td onMouseover="this.bgColor='beige'" onMouseout="this.bgColor='white'"> </td>
                </tr>
    Da habe ich leider keinen Background, nur Farben.

    Vorweg, ich bin sicher nicht kompetent in diesen Dingen, aber hätte ich das Problem, ich würde versuchen

    1. Hintergrundfarbe mittels CSS zu definieren
    2. Hintergrundbild mittels CSS zu definieren
    3. mit javascript das style-objekt bedienen, siehe http://www.selfhtml.net/javascript/objekte/style.htm

    So Du diesen Weg probierst würde mich ein Posting über den Erfolg freuen.

    http://www.team64.de)

    Lies bitte </faq/#Q-19>

    Beste Grüße
    Viennamade

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  2. tr mit background und bei mouseover eine andere farbe

    $oul
    – Informationen zu den Bewertungsregeln

    Hi,
    versuch es mal hiermit hab ich mal eben für dich geschrieben:

    <html><head><title>Test</title></head><body bgcolor="8b0000">
    <table border="1">

    <tr>
    <td onMouseover="this.background='video.gif'" onMouseout="this.background='pic.gif'">
    gggggggdddgggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg <p>nbsp;<p></td>
                </tr>

    </table>
    </body>
    </html>

    Du musst natürlich die Bilder austauschen, da du diese nicht hast aber ansonsten funktioniert es bei mir. Wenn du allerdings als onmouseout wieder nur ne farbe als hintergrund haben möchtest, so kannst du nicht einfach this.bgcolor="farbe" hinschreiben, da das nicht mehr funktioniert. Falls du es aber doch willst empfehle ich dir einfach ein kleines bild zu machen, das die entsprechende farbe hat, die du möchtest und dieses nimmst du dann einfach als background="bild.endung"

    Ich hoffe ich konnte dir helfen
    mfg $oul

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  3. tr mit background und bei mouseover eine andere farbe

    Thomas Luethi Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hallo,

    <td width="183" height="24" Background="../images/main_text.jpg">  &#8226;
                    <font size="2" face="Verdana, Arial, Helvetica, sans-serif"><strong>Home</strong></font></td>

    Warum verwendest Du so veraltete Dinge wie das background-Attribut
    und Font-Tags, wenn es doch CSS gibt?
    Guckst Du hier:
    http://selfhtml.teamone.de/css/index.htm

    Möchte bei mouseover eine andere Farbe haben und das Bild sollte erhalten bleiben.

    <td onMouseover="this.bgColor='beige'" onMouseout="this.bgColor='white'"> </td>

    Du kannst auch die Klasse wechseln.
    this.className

    Oder die Schrift-Farbe.
    this.color

    Guckst Du hier:
    http://selfhtml.teamone.de/javascript/objekte/style.htm

    Ein paar weitere Ideen und Beispiele gibt's auf meiner Seite:
    http://www.tiptom.ch/homepage/faq.html?q=zellelink

    HTH, Gruesse,

    Thomas

    --
    Bitte keine Mails mit Fachfragen - dafuer gibt es das Forum!
    Ich mag es, wenn URLs verlinkt sind (</faq/#Q-19>).
    Oft gestellte PHP-Fragen beantwortet die dclp-FAQ bestens: http://www.dclp-faq.de/
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln