Raar css probleem, html code vind elementen in css niet.

[MrVegeta]

Ik ben bezig met een Wordpress site te stijlen en dat is maar een kwestie van wat CSS code in elkaar zetten maar ik zit met een _super_ vaag probleem.

Ik heb 2 elementen in mijn CSS opgemaakt,

Cascading Stylesheet:

.h1_salepage{
    padding: 0px;
    margin-top: 0px;
    margin-bottom: 20px;
    font-family:Tahoma,Arial,Sans-serif;
    font-weight:bold;
    color:#990000;
    text-align:center;} 
}

.h1_blue{
    padding: 0px;
    margin-top: 0px;
    margin-bottom: 20px;
    font-family:Tahoma,Arial,Sans-serif;
    font-weight:bold;
    color:#0070c0;
    text-align:center;} 
}

Deze 2 elementen zijn hetzelfde behalve de classnaam en de kleur. De bovenste is rood en de onderste is blauw. Het bovenste element wordt prima gevonden en gebruikt

HTML:

<h1 class="h1_salepage">"Gegarandeerd Stap Voor Stap Stoppen Met Nagelbijten, Direct Succes Verzekerd!"</h1>

maar het onderste element wordt niet gevonden door deze code,

HTML:

<h1 class="h1_blue">Ontvang Nu Direct Toegang Tot Dit Complete Stap voor Stap Stopprogramma!</h1>

Terwijl die 2 css elementen gewoon in hetzelfde css document staan dat word ingeladen op de pagina. Ik begrijp het _echt_ niet.

---

Als ik de 2 elementen omdraai in de stylesheet dan werkt de blauwe wel (dat is dan de bovenste). Dus wat? Ik kan maar één class inladen? Wat de fuck zie ik over het hoofd.

[ Voor 7% gewijzigd door MrVegeta op 29-07-2011 19:51 ]

[PerfectLight]

Je moet ze volgens mij zo doen:

code:

h1.salepage {
...
}
h1.blue {
...
}

En dan je classes als salepage en blue in de html zetten.

[ Voor 11% gewijzigd door PerfectLight op 29-07-2011 19:52 ]

[Verwijderd]

}

[Matis]

Waarom heb je twee keer een accolade sluiten?

Edit; Ninja'd

[ Voor 15% gewijzigd door Matis op 29-07-2011 19:52 ]

[MrVegeta]

Nee want de classname die in de html code gebruik ik "h1_blue" en in css geef je die class zo aan .h1_blue"

[DumbAss]

Je hebt dubbele haakjes staan bij ieder block. Haal 1 van die haakjes weg en het werkt.

edit:
Damn... te laat

[ Voor 15% gewijzigd door DumbAss op 29-07-2011 19:53 ]

[Rigi]

zie hierboven:

Ik zie teveel }'s dus de CSS parser leest de eerste class, gaat dan 'stuk' op het haakje dat er teveel staat en komt nooit aan bij de 2e class.

[MrVegeta]

DumbAss schreef op vrijdag 29 juli 2011 @ 19:52:
Je hebt dubbele haakjes staan bij ieder block. Haal 1 van die haakjes weg en het werkt.

edit:
Damn... te laat

God, dat ik dat over het hoofd zag. Ongelofelijk.

[DumbAss]

MrVegeta schreef op vrijdag 29 juli 2011 @ 19:54:
[...]


[afbeelding]

God, dat ik dat over het hoofd zag. Ongelofelijk.

Gebeurt me dagelijks 12x

[Matis]

PHPStorm


@hieronder, iets met ezel en steen

[ Voor 18% gewijzigd door Matis op 29-07-2011 19:56 ]

[RaZ]

DumbAss schreef op vrijdag 29 juli 2011 @ 19:54:
[...]

Gebeurt me dagelijks 12x

Met die nickname verbaasd me dat niets

[MrVegeta]

Dumbass

Is mij nog nooit gebeurd eigenlijk, maar ja normaal doe ik dit werk in notepad++ maar vanwege wat dingen ben ik overgestapt naar Aptana Studio en blijkbaar doet deze ook aan afsluiten van {} tags. Good game zeggen we dan.

[MueR]

Juist ja. Lessen uit dit topic:
* Gebruik een fatsoenlijke editor met degelijke syntax checking.
* Gebruik zo af en toe eens een CSS validator
* Debuggen
* Debuggen
* Debuggen
* Leer het bovenstaande.

Dit topic is wel heel basic.

[ Voor 7% gewijzigd door MueR op 29-07-2011 21:18 ]