legend in css

[zodiak]

hallo ik heb een legend met daarin een tekst. die tekst zou wit moeten zijn. hieronder de gegevens uit mijn css en uit mijn bestand:

<fieldset id="Modo administrator aanmelden">
<legend>Modo administrator aanmelden</legend>
<dl>
<dt>
<label title="myusername">Gebruikersnaam:
<input name="myusername" tabindex="1" type="text" id="myusername">
</label>
</dt>
</dl>
<dl>
<dt>
<label title="Password">Password:
<input name="mypassword" tabindex="2" type="password" id="mypassword">
</label>
</dt>
</dl>
<dl>
<dt>
<label title="Submit">
<input type="submit" name="Submit" tabindex="3" value="Inloggen">
</label>
</dt>
</dl>
</fieldset>

en hier de css:

fieldset {

}
#Modo administrator aanmelden legende {
color: #FFF;
font-weight: bold;
width: 100%;
}

in firefox is alles correct zichtbaar maar in IE explorer is de tekst in ledgend toch blauw van kleur inplaats van wit. iemand een id?

 

[zodiak]

ok heb zelf in de legend tag van de pagina style="color: white" en nu neemt ie het wel. vind het enkel spijtig dat ik het niet in de css krijg

 

[Goeroeboeroe]

#Modo administrator aanmelden legende {

Kan het misschien komen omdat je selector eindigt op 'n 'e'? Moet dat geen 'legend' zijn?

 

[zodiak]

Kan het misschien komen omdat je selector eindigt op 'n 'e'? Moet dat geen 'legend' zijn?

ok, het zal dat zijn , ga het straks eens testen

 

[ErikBooy007]

Volgens mij mogen er geen spaties in een ID zitten. Tenminste ik kan me voorstellen dat de parser het daar moelijk mee heeft.

Bij:

#Modo administrator aanmelden legende {

Verwacht ik eigenlijk deze HTML:

<fieldset id="Modo">
  <administrator>
    <aanmelden>
      <legende>
        Tekst
      </legende>
    </aanmelden>
  </administrator>
</fieldset>

 

[Goeroeboeroe]

Klopt, dan wordt het gezien als afzonderlijke id's, en dat kan niet. Had ik nog niet eens gezien.

 

[zodiak]

dus alles moet aan elkaar staan zonder tekst

 

[Goeroeboeroe]

De id moet aan elkaar staan:
modoadministratoraanmelden
Zowel in de html als in de css, dat moet precies hetzelfde zijn.

Omdat dat natuurlijk volstrekt onleesbaar is, maak je er (bijv.) dit van:
modo-administrator-aanmelden

Ik gebruik geen underscore, geen liggend streepje (het forum haalt dit weg, dus ik omschrijf het even), dus geen modo_administrator_aanmelden, omdat in ieder geval in het verleden Internet Explorer hier de hik van kun krijgen.

Ik gebruik ook geen hoofdletters, omdat dat heel snel tot vergissingen kan leiden. Moet je verder zelf weten, maar in het algemeen wordt dat sterk afgeraden.

Dus je roept de fieldset aan met
#modo-administrator-aanmelden
(of iets korters, dit is wel erg lang...)

Dit is het eerste deel van je selector.
Daarachter zet je dan legend. Dat wil dan zeggen: De legend binnen het element met de id modo-administrator-aanmelden.

In de html:

<fieldset id="modo-administrator-aanmelden">
<legend>Modo administrator aanmelden</legend>

En in de css:

#modo-administrator-aanmelden legend {

En dan zou 't moeten werken.

 

[zodiak]

ok thanks , dit werkt dus