Tekst verschijnt

Code:

<style type="text/css">
#tekst {
display: none;
width: 250px;
border: 1px solid black;
background-color: #cccccc;
padding: 5px;
font-size: 12px;
}
</style>
<script language="javascript">
function kadabra(zap) {
if (document.getElementById) {
var abra = document.getElementById(zap).style;
if (abra.display == "block") {
abra.display = "none";
} else {
abra.display= "block";
}
return false;
} else {
return true;
}
}
</script>
</head>
<body>
<a href="#" onclick="return kadabra('tekst');">
Hier een link naar een artikel hieronder met onclick.</a>
<p id="tekst">
Dit kun je natuurlijk op allerlei manieren gaan gebruiken.
Bijvoorbeeld voor een uitklapmenu of voor een vraagspel
ofzo. In de stijl kun je aanpassingen doen aan de breedte
en bijvoorbeeld de achtergrondkleur.</p>
<p> En de volgende gewone tekst komt er gewoon weer onder
te staan.</p>

Lees verder »

Search Engine Friendly sites bouwen

zoekmachine vriendelijk maken
SEO staat voor Search Engine Optimisation, oftewel zoekmachine optimalisatie.
Nu heb je naast Search Engine Optimisation ook Search Engine Friendly.
Dit zijn bepaalde basisvoorwaarden waar in mijn ogen elke webdesigner zich aan zou
moeten houden. Het optimalisatieproces begint hierna pas. Helaas kom ik als SEO-er te
vaak tegen dat de SEF nog niet in orde is, dus dat ik dat eerst moet doen voor ik aan
SEO toe kom.

Lees verder »

border-top-color

Definitie
Hiermee bepaal je de kleur van een rand aan de bovenzijde van en box. Je moet overigens wel de stijl en de dikte van de border bepalen.

Voorbeeld
#voorbeeld { border-top-color: green; }

Waardenkleur | transparent | overerving
StandaardinstellingDe waarde van de kleur van het element
Geldig voorAlle elementen
ErfenisNee

CSS elementen

Lees verder »

border-style

Definitie
Verkorte manier om de stijl voor alle randen van een box te bepalen.

Voorbeeld
#voorbeeld { border-style: dashed; }

Waardennone geen

hidden verborgen

dotted stippellijn

dashed onderbroken lijn

solid ononderbroken lijn

double dubbele lijn

groove 3d grooved

ridge 3d ridged

inset 3d inset

outset 3d outset

inherit overerving

StandaardinstellingZie individuele eigenschappen
Geldig voorAlle elementen
ErfenisNee

CSS elementen

Lees verder »