Nieuws:

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

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

Offline Joshua822

  • Lid
  • 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

  • Lid
  • 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.