DIV / Javascript probleem

[SithWarrior]

Ik heb een css file aangepast, alle letters op de website moesten van zwart naar wit worden gezet dus ik heb in de stylesheet de body color op FFFFFF gezet. Nu werkt dit opzich prima.

Alleen nu blijkt er in de php code een stukje javascript te staan, een kalender functie en die is niet te lezen met witte letters. Dus probeer ik alleen dit stukje weer in het zwart te krijgen, door de javascript code in een divje te plaatsen en deze color 00000 mee te geven in de stylesheet. Dit wil echter nog niet lukken, hij pakt hem niet.

code:

    <tr>
        <td width="25%">Birthday:</td>
        <td width="75%"><input type="text" name="datDOB" size="11">&nbsp;
        <div class="tip">TIP: Click on month or year in header to scroll faster.</div>
        <div class="id">
                    <script language=javascript>
                    var proDOB = new calendar("FIELD:document.add_patient.datDOB;ZEROS:false;" +
                    "DELIMITER:-;FORMAT:1;");
                    proDOB.aryMonths = Array("January", "February", "March", "April",
                    "May", "June", "July", "August", "September", "October",
                    "November", "December");
                    proDOB.aryDays = Array("Sun", "Mon", "Tue", "Wed",
                                            "Thu", "Fri", "Sat");
                    proDOB.writeCalendar();
                    </script>
                    </div>
                    <br>


        </td>
    </tr>

En dan dus in de stylesheet

code:

.id {
color: #000000;
}

Maar op 1 of andere manier blijft de kleur van de kalender wit. Weet iemand wat ik verkeerd doe?

[TheBorg]

Zonder de rest van de Javascript is dat niet te zeggen.

[RM-rf]

probeer eens

code:

DIV#id * {
   color: #000;
}

dat zou wel moeten werken, desnoods met de extra css-aanwijzing 'important!' bij de propertie-waarde, waarmee je CSS kunt dwingen bepaalde waardes een hogere cascading waarde te geven...

Overigens, de ID-naam 'id' is absoluut verjkeerd gekozen, het is een gereserveerd woord dat expliciet niet als ID-naam gebruikt mag worden en mogelijk zelfs door browsers bewust gengeert wordt ...

kies ook eens een andere ID-naam; bv <DIV id="myId">....

[SchizoDuckie]

[met rm-rf]

[ Voor 91% gewijzigd door SchizoDuckie op 18-02-2008 15:11 ]

[SithWarrior]

Hmm ik heb dus nu

DIV#jscript * {
color: #000000; !important
}

in de css file gezet, (en de div class naam veranderd in jscript) Maar hij doet het nog steeds niet.

[RM-rf]

excuses, het ging om een class ipv een ID-attribuut (dat maakt die naamgeving helemaal bagger, een classnaam 'id' noemen maakt het helemaal verwarrend)

code:

DIV.jscript * {
 color: #000 !important;
}

zou het dan moeten zijn.


Mocht het nog steeds niet werken daarmee, wordt het toch een beetje lastig debuggen zonder de complete code, dan heb je eigenlijk de gegenereerde HTML-code nodig, het beste daarvoor is de firefox toolbar te gebruiken die een mogelijk biedt de 'View Generated Source' te kiezen.

[ Voor 37% gewijzigd door RM-rf op 18-02-2008 15:41 ]

[SithWarrior]

Yes het werkt, hartelijk bedankt!

[ Voor 116% gewijzigd door SithWarrior op 18-02-2008 16:13 ]