">
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]

De achtergrond van je pagina instellen in HTML is erg simpel, maar aan de andere kant zijn de mogelijkheden beperkt. De afbeelding begint altijd linksbovenin en gaat zich daarna herhalen. Met CSS zijn er veel meer opties. Bovendien kun je niet alleen de achtergrond van je pagina instellen, maar ook  alleen die van een link, een alinea of tabel.

Een achtergrondkleur geef je op als background-color. Moet de  achtergrondkleur rood worden, dan doen we dus zo:

body{
background-color: #ff0000}

of natuurlijk

body{
background-color: red}

Dat moet wel lukken. Een afbeelding is iets lastiger, dat werkt  zo:

background-image:  url(afbeelding.gif)

Het mooie van CSS is dat je kunt opgeven of en zoja hoe de achtergrondafbeelding  zich moet herhalen. Dat doen we met body{background-repeat: optie}. Dit  zijn de opties:

Waarde

Gevolg

repeat

herhaal alles

repeat-x

herhaal horizontaal

repeat y

herhaal verticaal

no-repeat

geen herhaling

Ook mooi is dat je kunt zeggen of de afbeelding stil moet blijven  staan of herhaald moet meebewegen als je gaat scrollen. Meebewegen geven we aan met

body{background-attachement: scroll}

Stil blijven staan krijg je met

body{background-attachement: fixed}

Als laatste is het nog mogelijk om precies op te geven waar t.o.v. de linkerbovenhoek moet beginnen. Dat doen we met body {background-position: optie}. Hieronder zie je de opties:

  • relatie f(0%, 0%, dit is de linkerbovenhoek)
  • absoluut (cm, px of pt t.o.v. de linkerbovenhoek
  • benoemd (bottom, top, left, right.) Bottom, right wordt dus rechtsonderin.

We zeiden het al, het hoeft niet per se om een hele afbeelding te gaan.  Ook een link is mogelijk. Zo kun je het dus ook voor elkaar krijgen om een  rode link een gele achtergrond te geven als je er met de muis overheen  beweegt. Dat doen we zo. Eerst geven we de style van een gewone link op:

a:link{
font-size: 11pt;
color: red;Let op:  geen font-color gebruiken
background: none}

Dan de style van de link als de muis erover heen gaat

a:hover{
font-size: 11pt;
color: red;
background: yellow}

Tot zover deze cursus CSS.

 Vorige 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