Wat is een css-vakje? css staat voor Cascading Style Sheets, ik kan daar geen vakje aan ontdekken.
Link gekopieerd
nee ik bedoel een venster/box in de site met css gemaakt
Link gekopieerd
Een venster maak je met html, het opmaken van het venster doe je met css.
Sorry, maar ik snap niet wat jouw probleem is. Heb je de html e.d. al klaar? Zo ja, dan nog even stylen met css en het feest is compleet. Zo nee, zie
www.w3schools.com hoe je met html en css aan de slag kunt gaan.
Link gekopieerd
ok ik zal het zo vragen:
Link gekopieerd
Gebruik geen document.write() maar pas de innerHTML van de div aan. Stel je hebt een div met het id 'content':
document.getElementById('content').innerHTML = 'De nieuwe content';
Link gekopieerd
Hè hè! Nu weten we eindelijk wat de vraag is! Nog even de titel van het topic aanpassen en het feest is compleet. Zie de
in je openingspost.
Voor js hoef je bij mij niet aan te kloppen, weet ik echt helemaal niks vanaf.
Link gekopieerd
bEdankt Blanche, dit werkt goed.
Link gekopieerd
srry ik heb weer een probleem:
Link gekopieerd
Tja, er zal een foutje in je javascript code zitten. Je zult dus toch echt iets van die code moeten laten zien, anders kunnen we je niet helpen...
Link gekopieerd
dit beter?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title></title>
<style type="text/css">
body {
background-color: #e07d00;
}
#menu {
background-color: #ffffff;
position: absolute;
width: 150px;
height: 120px;
z-index: 1;
left: 10px;
top: 10px;
right: 10px;
bottom: 10px;
border-style: solid;
border-color: #ffffff;
color: #ffffff;
background-image: url(logo.jpg);
background-repeat: no-repeat;
}
#een:hover {
background-color: #0D0D0D;
overflow: visible;
}
#een {
display: block;
background-color: #4A4A4A;
margin-top: 40px;
}
#twee:hover {
background-color: #0D0D0D;
overflow: visible;
}
#twee {
display: block;
background-color: #4A4A4A;
}
#drie:hover {
background-color: #0D0D0D;
overflow: visible;
}
#drie {
display: block;
background-color: #4A4A4A;
}
#vier:hover {
background-color: #0D0D0D;
overflow: visible;
}
#vier {
display: block;
background-color: #4A4A4A;
}
#textvak {
background-color: #ffffff;
position: absolute;
width: 700px;
height: 600px;
z-index: 1;
left: 180px;
top: 10px;
right: 10px;
bottom: 10px;
border-style: solid;
border-color: #ffffff;
color: #000000;
background-image: url(logo.jpg);
background-repeat: no-repeat;
}
#menuinfo {
background-color: #e07d00;
position: absolute;
width: 150px;
height: 100px;
z-index: 1;
left: 10px;
top: 120px;
right: 10px;
bottom: 10px;
border-style: solid;
border-color: #ffffff;
}
#menuborder {
margin-top: 10px;
margin-left: 1px;
margin-bottom: 1px;
margin-right: 1px;
}
#text {
font: italic small-caps 900 12px arial caption;
}
</style>
<script language="JavaScript">
function een()
{
document.getElementById('textvak').innerHTML = '<br /><br />De nieuwe content';
}
function twee()
{
document.getElementById('textvak').innerHTML = '<br /><br />De nieuwe content2';
}
function drie()
{
document.getElementById('textvak').innerHTML = '<br /><br />De nieuwe content3';
}
function vier()
{
document.getElementById('textvak').innerHTML = '<br /><br />De nieuwe content4';
}
funtion eenhover()
{
document.getElementById('menuinfo').innerHTML = 'bla';
}
funtion tweehover()
{
document.getElementById('menuinfo').innerHTML = 'bla';
}
funtion driehover()
{
document.getElementById('menuinfo').innerHTML = 'bla';
}
funtion vierhover()
{
document.getElementById('menuinfo').innerHTML = 'bla';
}
</script>
</head>
<body>
<div id="menu">
<div id="menuborder">
<div id="text">
<div id="een" onClick="een()" onmouseover="eenhover()">
1.<br />
</div>
<div id="twee" onClick="twee()" onmouseover="tweehover()">
2.<br />
</div>
<div id="drie" onClick="drie()" onmouseover="driehover()">
3.<br />
</div>
<div id="vier" onClick="vier()" onmouseover="driehover()"">
4.<br />
</div>
</div>
</div>
</div>
<div id="textvak">
</div>
<div id="menuinfo">
</div>
</body>
</html>
Link gekopieerd
in je openingspost.