Nieuws:

We zijn er weer.

Na lange tijd van afwezigheid zijn we er weer  :laugh:
We hebben alle wachtwoorden gereset, je oude wachtwoord werkt niet meer.Je moet via het "wachtwoord vergeten"-linkje je wachtwoord resetten. Je krijgt hiervoor een mailtje op het adres dat je bij ons geregistreerd hebt.

De komende tijd zijn we nog druk bezig om de rest van de site op te bouwen, dus het kan zijn dat sommige onderdelen (tijdelijk) niet werken.

Welkom, Gast. Alsjeblieft inloggen of registreren.
Heb je de activerings-mail niet ontvangen?

Auteur Topic: [Opgelost][XHTML]CSS toepassen op één woord  (gelezen 1649 keer)

Offline Joshua822

  • Documentatieteam
  • Steunpunt: Nee
[Opgelost][XHTML]CSS toepassen op één woord
« Gepost op: 2010/12/17, 13:54:53 »
Hallo allemaal!

Ik heb een vraagje, hoe kan ik op één woord CSS-toepassen? Dat ene woord staat al in een tag: <p>, en ik wil niet dezelfde CSS-stijl niet op de hele paragraaf toepassen. Een genest <p> element geeft niet het gewenste resultaat, want dan komt het woord op een nieuwe lijn te staan.

Iemand een idee? Alvast bedankt! :)
« Laatst bewerkt op: 2010/12/17, 15:01:20 door Joshua822 »

Offline Brumm3l

  • Lid
  • Steunpunt: Nee
Re: [XHTML]CSS toepassen op één woord
« Reactie #1 Gepost op: 2010/12/17, 14:00:23 »
Voeg aan die ene <p> een id toe. Je krijgt dan:

<p id="EenWoord">woord</p>
In je CSS voeg je dan toe:

#EenWoord{
font-color: 'je kleur code' ;
}

Edit: Je post niet helemaal goed gelezen. Ik denk even verder...

Na even verder denken:

Style toevoegen aan de pagina:

<style type="text/css">
h9 {color:red}
</style>

De aangepast woorden dan vangen in de volgende tags:

<h9>Tekst</h9>
« Laatst bewerkt op: 2010/12/17, 14:06:05 door Brumm3l »

Offline Gymnasiast

  • Lid
  • Steunpunt: Nee
Re: [XHTML]CSS toepassen op één woord
« Reactie #2 Gepost op: 2010/12/17, 14:05:42 »
Probeer een span. Bijvoorbeeld:
In deze zin zit een
<span class="vet">vet</span>
 woord.
En dan in css:
.vet
{
margin: 0 0 0 0;
padding: 0 0 0 0;
font-weight: bold; <-- Voorbeeld. Vervangen door de bedoelde opmaak
}
« Laatst bewerkt op: 2010/12/17, 14:08:07 door Gymnasiast »
NOBODY expects the Spanish Inquisition!

Offline Joshua822

  • Documentatieteam
  • Steunpunt: Nee
Re: [XHTML]CSS toepassen op één woord
« Reactie #3 Gepost op: 2010/12/17, 15:01:09 »
Bedankt voor de antwoorden! Het antwoord van Gymnasiast was het antwoord wat ik zocht! :D

Offline commandoline

  • LoCo-contact
    • marten-de-vries
    • Marten-de-Vries.nl
  • Steunpunt: Nee
Re: [XHTML]CSS toepassen op één woord
« Reactie #4 Gepost op: 2010/12/18, 10:41:03 »
.vet
{
margin: 0 0 0 0;
padding: 0 0 0 0;
font-weight: bold; <-- Voorbeeld. Vervangen door de bedoelde opmaak
}
Ik ben het ermee eens dat een span hier de beste oplossing is, maar volgens mij heeft margin en padding op 0 zetten hier geen zin. (Span is standaard een inline element.)

Het zou dan dus worden:
In deze zin zit een <span class="bold">vet</span> woord.
en in de CSS:
.bold {
    font-weight:bold; /* Voorbeeld natuurlijk... */
}
Nog een stukje korter :)

Offline merijnie

  • Lid
  • Steunpunt: Nee
Re: [Opgelost][XHTML]CSS toepassen op één woord
« Reactie #5 Gepost op: 2010/12/18, 18:11:55 »
En nog een tip: als je bij margin en padding voor de vier (4) waarden 0 wil gebruiken, volstaat het van één maal 0 te typen.
Dit zorgt voor 0 bij alle vier de waarden.