Probleem met css

[Verwijderd]

Hallo,

Ik ben bezig met de nieuwe website van mijn bedrijf.
Ik wil graag een titel bovenaan de pagina in css neer zetten.
Dit heb ik geprobeerd, maar het wil niet echt lukken.

Jullie kunnen de pagina waar het om gaat zien op:
http://nieuwste.max-host.nl/index.php

Het gaat om de text Welkom bij Maxhost (direct onder home).
Hier moeten de 1e twee woorden wit, en het 3e woord groen.

De code die ik gebruik om de boel aan te roepen kan je zien via bron als je de link opend, of hier onder een gedeelte er van:

code:

<div id="text">
<span class="titelwit">Welkom bij</span> <span class="titelgroen">Maxhost</span>

<p> <strong>Maxhost</strong> pakt dingen anders aan,
hierdoor kunnen wij kwalitatief hoogstaande diensten leveren voor
gunstige tarieven. Zo werken wij met een volledig geautomatiseerd
systeem waardoor uw bestellingen in zeer korte tijd afgehandeld en
geactiveerd worden zonder dat daar veel menselijk werk bij komt kijken.
</p>

De css is te vinden op:
http://nieuwste.max-host.nl/style.css

Wat doe ik fout? Waarom wordt het niet eerst wit en dan groen? Waarom is de text niet arial? Waarom is hij niet 20 groot? Wie kan me verder helpen?

Graag alleen posts als je me kan helpen, Geen off-topic aub... Dus geen kritiek op website verder, op manier van scripten en hoe netjes het is. Het is nog in de maak dus nog niet af. Alleen reageren over dit probleem dus...

Bij Voorbaard Dank

[Keeper]

Omdat je #titelwit / #titelgroen in je css hebt staan en het classes zijn in je html. Classes roep je aan met een . (dus .titelwit in dit geval).

Je css moet dus zo worden:

code:

#text .titelwit
{
    font-color          : #FFFFFF;
    font-size           : 20px;
    font-family         : Arial;
}
.titelwit
{
    font-color          : #FFFFFF;
    font-size           : 20px;
    font-family         : Arial;

[ Voor 44% gewijzigd door Keeper op 17-05-2007 22:58 ]

[Verwijderd]

Leer even wat het verschil is tussen de verschillende selectors.

Je moet .titelwit of span.titelwit gebruiken, en niet #titelwit of titelwit.

Verder maken we zelf wel uit of we kritiek leveren op je website of je code. Ik zou mijn CSS skills maar gaan oefenen als ik jou was, want in je stylesheet staan diverse dingen die iets anders doen dan jij waarschijnlijk in gedachte hebt. En je manier van indenteren is inconsequent en onduidelijk.

[Verwijderd]

Verwijderd schreef op donderdag 17 mei 2007 @ 22:59:
Leer even wat het verschil is tussen de verschillende selectors.

Je moet .titelwit of span.titelwit gebruiken, en niet #titelwit of titelwit.

Verder maken we zelf wel uit of we kritiek leveren op je website of je code. Ik zou mijn CSS skills maar gaan oefenen als ik jou was, want in je stylesheet staan diverse dingen die iets anders doen dan jij waarschijnlijk in gedachte hebt. En je manier van indenteren is inconsequent en onduidelijk.

Ik begin nog maar net met css..
Daarom post ik ook hier, daarom ook het verzoek daar geen kritiek op te leveren, want ik ben daar nog niet zo goed in...

Toch bedankt, het gaat al beter... Hij is nu groot met goed lettertype, alleen wordt de text Maxhost niet groen... iemand idee hoe dit kan?

[ Voor 8% gewijzigd door Verwijderd op 17-05-2007 23:06 ]

[Keeper]

Verwijderd schreef op donderdag 17 mei 2007 @ 23:02:
Toch bedankt, het gaat al beter... Hij is nu groot met goed lettertype, alleen wordt de text Maxhost niet groen... iemand idee hoe dit kan?

Ja, want font-color is geen geldig CSS-property.

Zou me maar eens goed in deze CSS-tutorial verdiepen.

[Verwijderd]

Keeper schreef op donderdag 17 mei 2007 @ 23:59:
[...]

Ja, want font-color is geen geldig CSS-property.

Zou me maar eens goed in deze CSS-tutorial verdiepen.

Klopt.. maar in css gebruik je niet font-color maar color

[Civil]

Dan rest eigenlijk alleen nog de vraag waarom je een titel van een stukje tekst in een span zet in plaats van een hx tag (h1 t/m h6) ?

Titels hoor je niet in een niets zeggend element als een span te zetten. Een titel zegt wat over de tekst die erna komt en is een belangrijk iets binnen een pagina.

HTML:

<div id="text">
    <h2>Welkom bij <span>Maxhost</span></h2>
    <p><strong>Maxhost</strong> pakt dingen anders aan,
    hierdoor kunnen wij kwalitatief hoogstaande diensten leveren voor
    gunstige tarieven. Zo werken wij met een volledig geautomatiseerd
    systeem waardoor uw bestellingen in zeer korte tijd afgehandeld en
    geactiveerd worden zonder dat daar veel menselijk werk bij komt kijken.
    </p>
</div>

Cascading Stylesheet:

h2 {
    color: white;
}
h2 span {
    color: green;
}