Terug naar beginpagina Homepage-Maken.nl
Vimexx Webhosting   

Je Eigen Plaatjes in Lijsten

In dit artikel leer je een eenvoudige code waarmee je je eigen plaatjes kunt gebruiken bij een lijst in HTML.
De standaard Unordered List (UL) ziet er als volgt uit:

Je ziet de zwarte bolletjes die voor de woorden staan.
Dit zijn de standaardsymbolen voor zo'n lijst.
Je kunt je eigen plaatjes gebruiken door de volgende CSS code te gebruiken:

list-style-image: url("plaatje.gif");

Hieronder zie je een voorbeeld van het gebruik van eigen plaatjes in een lijst:

Je kunt op deze manier plaatjes gebruiken die beter bij het ontwerp van je site passen.
Als je voor bepaalde lijsten verschillende plaatjes wilt gebruiken, dan kan dat door gebruik te maken van classes.
Zo bijvoorbeeld:

ul.ster { list-style-image: url(images/ster.gif); }
ul.cirkel { list-style-image: url(images/cirkel.jpg); }

Homepage-Maken Tip

De makkelijkste manier om je eigen website te maken?
Dat is via een website bouwer als Weebly. Hiermee kun je eenvoudig via je browser door middel van drag-en-drop een website bouwen. Je kunt volledig gratis beginnen met 500MB webruimte voor je site. Zo nodig kun je een betaald pakket nemen met eigen domeinnaam, "onbeperkte" opslag (fair use policy) en e-commerce mogelijkheden.

Weebly is daarom een prima optie als je snel een website in elkaar wilt zetten. Kennis van HTML of het installeren van een eigen content management systeem is niet nodig bij Weebly.

Klik hier om te starten met je Weebly website!

Zoekfunctie en Overige Info


Copyright © Homepage-Maken.nl 2000-2018 · Privacybeleid

Deze pagina voldoet aan de XHTML 1.0 richtlijnen     Deze pagina voldoet aan de CSS richtlijnen

[Naar boven]  [Home]