CSS stylesheet in style.css datei packen, wie?

[knollo_dd]

Hi möchte bei meiner Tabelle ein onmouseover effekt einbauen, was ich über die Funktion

<link rel="stylesheet" href="style.css" type="text/css">
<style type="text/css">

a:link { text-decoration:none; font-weight:bold; color:#009900; }
a:visited { text-decoration:none; font-weight:bold; color:#009900; }
a:hover { text-decoration:none; font-weight:bold; color:#FFFFFF; background-color:#009900; }

</style>
<script type="text/javascript" language="JavaScript">
/*<![CDATA[*/
wmtt = null;

document.onmousemove = updateWMTT;

function updateWMTT(e)
{
    x = (document.all) ? window.event.x + document.body.scrollLeft : e.pageX;
    y = (document.all) ? window.event.y + document.body.scrollTop  : e.pageY;
    if (wmtt != null)
    {
        wmtt.style.left = (x - 200) + "px";
        wmtt.style.top = (y - 300) + "px";
   }
}

function showWMTT(id)
{
    wmtt = document.getElementById(id);
    wmtt.style.display = "block";
}

function hideWMTT()
{
    wmtt.style.display = "none";
}

/*]]>*/
</script><style type="text/css">
/*<![CDATA[*/

.tooltip1
{
    position: absolute;
    display: none;
}

/*]]>*/
</style>

gemacht habe, soweit funktioniert alles.

Mein Problem ist, das ich es jetzt das ganze in eine style.css datei packen will...bloß funktioniert das dann nicht mehr.

Hoffe ihr könntet mir helfen!

Danke

 

[Mr. Snoot]

Eigentlich muss man da nichts beachten, die css-Datei müsste so aussehen:

a:link { text-decoration:none; font-weight:bold; color:#009900; }
a:visited { text-decoration:none; font-weight:bold; color:#009900; }
a:hover { text-decoration:none; font-weight:bold; color:#FFFFFF; background-color:#009900; }

Wenn diese sich dann auch im richtigen Pfad befindet (in deinem Fall (href="style.css") im gleichen Ordner wie die HTML-Datei), dann müsste das so klappen.

Evtl. irgendwo ein ; vergessen oder so?

 

[Zweipunktnull]

was ich über die Funktion gemacht habe [...] das ich es jetzt das ganze in eine style.css datei packen will

Das klingt für mich fast so, als hättest du tatsächlich das Ganze in eine CSS-Datei gepackt. Das geht natürlich nicht. Die Funktion ist ja schließlich eine JS-Funktion und hat nichts mit CSS zu tun. In eine CSS-Datei darfst du nur den Code von Mr. Snoot auslagern, die Funktion müsstest du in eine separate JS-Datei auslagern.

 

[Koki_87]

ich gebe dir mal einen tipp, schreibe css anweisungen alle hintereinander und alle js anweisungen hintereinander. du schreibst alles durcheinander, da geht bei größeren seiten ganz schnell die übersicht verloren

 

[knollo_dd]

ok, danke dann werde ich das mal versuchen!

mfg

----

edit1:
Also habe deinen Tip befolgt, die JS-Funktion seperat in eine Datei zu machen, jetzt funktioniert es so wie ich es will!

DANKE für eure HILFE

MFG