CSS

Moderators: NadjaNadja, Essie73, Polly, Muiz, Telpeva, ynskek, Ladybird

Toevoegen aan eigen berichten
 
 
Ier

Berichten: 8307
Geregistreerd: 01-11-04
Woonplaats: home is where the heart is <3

CSS

Link naar dit bericht Geplaatst door de TopicStarter : 27-09-08 11:50

Firstline & firstletter

Hoe pas ik dit toe in mijn .css bestand?
De bedoeling is dat bij een paragraaf de eerste regel een afwijkende opmaak heeft.
De andere paragraaf alleen de eerste letter die een afwijkende opmaak heeft.

Nu snap ik niet hoe ik het moet toepassen in mijn html pagina. Dit is wat ik tot nu toe heb als css;
Code
}
p:first-line { font-size:large; }
}
P:first-letter {
font-family: Arial, Helvetica, sans-serif;
font-size:300%;
}

En uiteraard nog wat.

Nu wil ik deze zin 'first-line- 'large-size' krijgen;
Personalia


Opleidingen
Alleen met first letter groot.
Code die ik daarvoor heb;
Code
<p>Opleidingen<br>


Dit werkt ook. Maar hoe zorg ik er voor dat ik dus ook bij Personalia die gehele regel vergroot krijg? Dat gebeurd dus niet..

Help!? Lachen

Stoeptegel

Berichten: 2564
Geregistreerd: 26-04-05
Woonplaats: Groningen

Re: CSS

Link naar dit bericht Geplaatst: 27-09-08 18:00

je moet tussen de <head> tags in je html document dat stukje css zetten.
Dat doe je zo:

Code
..
<head>
<style type="text/css">

  p:first-line
  {
    font-size:large;
  }

  p:first-letter
  {
    font-family: Arial, Helvetica, sans-serif;
    font-size:300%;
  }

</style>
</head>
..

Ier

Berichten: 8307
Geregistreerd: 01-11-04
Woonplaats: home is where the heart is <3

Re: CSS

Link naar dit bericht Geplaatst door de TopicStarter : 27-09-08 20:07

Waarom moet dat in je head als ik vragen mag?
Die gozer liet ons namelijk zien dat alles van CSS in je style. css moet.

De code wist ik overigens wel, maar ik kan dus niet in 1 document toepassen dat er bij 1 zin de gehele zin dus groter word ipv alleen de eerste letter...

Ik kan alleen maar 1 van de 2 toepassen.. En niet beide tegelijk.

Stoeptegel

Berichten: 2564
Geregistreerd: 26-04-05
Woonplaats: Groningen

Re: CSS

Link naar dit bericht Geplaatst: 27-09-08 20:15

Inderdaad, nog mooier is om het in de css file te doen maar ik dacht dat je die nog niet had. Clown

Maar dat heb je dus al..

Maar als ik dit test werkt dat prima hoor Lachen

Code
p:first-letter
{
  color:#ff0000;font-size:xx-large
}
p:first-line
{
  color:#00ffff
}


Code
<p>Bla blablalbalbla</p>


Ik zie trouwens nu in jouw code dat je enkele accolades wat vreemd hebt staan?