">
Hart.GratisHandleiding.eu

Gratis Handleiding (en veel meer). De site met gratis handleidingen, handleidingen om gratis software te downloaden, gratis games te spelen, dvd's te kopieeren, te besparen, vakantie- en reistips, pagina's voor kinderen, senioren, te datenonline te shoppen, online casino spelen, handleiding bridge, handleiding mahjong, solliciteren, keuze van uw mobiele telefoon en veel meer..... Verder vindt u ook de beste surftips.

HOME HANDLEIDINGEN RECEPTEN ZOEKEN CONTACT ZOEKEN

 Rubrieken:

  Website maken

  Aanmelden site bij
  zoekmachines

  Banner en buttons

  CSS cursus beginners

  Eigen startpagina

     Handleiding startpagina

  Favicon maken

  HTML cursus beginners

  HTML cursus gevorderden

  Links naar uw site

  Linkwoorden

  Logo's maken  

  Sitemap maken

  Sitemap verzenden

  Webbadge

  Webhosting

  Website gratis

  Website promotie

  Webmaster
  hulpprogramma

  Zoekwoorden

[Linked] [Embedded] [Inline] [Eigen styles] [Meer styles] [Tekst en CSS] [Achtergronden]

Links omschrijf je in CSS als volgt

#

Code

1
2
3
4
5
6
7
8

a:link { 
font-size: 11pt; color: blue; text-decoration: underline;}
a:visited {
font-size: 11pt; color: black; text-decoration: none;}
a:hover { 
font-size: 11pt; color: red; text-decoration: underline;}
a:active {
font-size: 11pt; color: black; text-decoration: underline;}


Dat is even heel wat informatie, we zullen het eerst bespreken. a.link  geeft aan dat als we te maken hebben met een link, dus alles wat tussen  <a href="blabla"> en </a> staat, 11 punten groot moet zijn,  de kleur blauw moet zijn en dat er een streepje onder moet zitten. dat  laatste geven we aan met text-decoration: underline;

Vervolgens zie je a.visited, a.over en a.active. De eerste geeft een  link aan die door de bezoeker al eens bezocht is, de tweede geeft aan  wat er moet gebeuren als je met je muis over de link zweeft (zweven=to  hover) en de derde geeft de eigenschappen van een link aan die is  aangeklikt. Let op: de vier linkproperties moeten altijd in deze  volgorde worden gebruikt, omdat anders het effect van hover en active  verdwijnen!

Verder kunnen we zo'n beetje iedere tag wel een een style meegeven. Bij  de body kan dat ook, hier kunnen we wat meer mee dan met gewone tags.  Ten eerste kun je door

#

Code

1
2

body{
font-size: 11pt; color: black;}


op te geven alle tekst die niet binnen een <p> of een ander attribuut staat een kleur, grootte en dergelijke meegeven.

Ten tweede, en nu wordt het leuk, kunnen we de randen van de pagina  opgeven. Zoals je ook op deze site ziet, is er links een witte rand. Wil je boven geen rand, dan kun je dat ook opgeven. Dit kan overigens ook  in HTML, maar we leren het je nu in een stylesheet te doen.

#

Code

1
2
3
4
5

body { 
margin-left:0.5%;
margin-right:0.5%;
margin-bottom:0.5%;
margin-top:0%;}


Dit spreek allemaal voor zich, maar toch nog even: left is de  linkerkant, right de rechter, bottom is de onderkant en top, je raadt  het nooit, de bovenkant. Verder kun je de marges opgeven in pixels maar  ook zoals hierboven in procenten. Pixels doe je door bijvoorbeeld  margin-left: 2px;.

De margins kun je ook bij andere elementen gebruiken, zoals de  <p>-tag. Dan krijg je een soort inspring-effect. Je kunt op de  pixel nauwkeurig bepalen waar de tekst begint. Dit is met HTML  onmogelijk.

  Vorige pagina

                                                Volgende pagina

   | Over deze site | Disclaimer |
Neem contact op met de Webmaster met opmerkingen en tips

 TV/radio:

 Radio luisteren:webradio

 Wat is er op TV?

 TV gids (alle zenders)

 Uitzending gemist

 Verkeer:

 Files

 Routeplanner

 Nieuws/weer:

 NOS headlines

 Algemeen Dagblad

 Laatste nieuws

 Telegraaf

 Volkskrant

 Teletekst

 Het weer

 Handige hulpjes:

 Lettergrootte aanpassen

 Puzzelwoordenboek

 Online rekenmachine

 Zoeken naar mensen/adressen

 Handige info:

 SOS nummers

 Feestdagen 2011

 Feestdagen 2012

 Loterijen:

 Bank-giroloterij

 Euromillions

 Staatsloterij

 Postcodeloterij

 Link partners

 Webgids voor online winkelen

| More