Nieuw lid |
|
Hallo
Ik heb twee kolommen gemaakt.
Linkse kolom is een keuzemenu. Als ik daar iets aanklik zou de tekst in de rechterkolom moeten komen.
Hoe kan ik dit oplossen
Dit heb ik al
<html>
<head>
<title>??????????</title>
<style type="text/css" media="all">
body {
margin: 0px;
padding: 0px;
font-family: Georgia, Times, Serif;
color: black;
width: 800px;
}
div#hoofding {
background-color: #266;
color: white;
font-size: 28px;
float: middle;
}
div#keuzemenu {
position: absolute;
top: 40px;
left: 10px;
width: 160px;
margin-left: 10px;
padding-top: 20px;
border: 500px;
}
div#tekst {
position: absolute;
top: 30px;
left: 180px;
padding-top: 20px;
margin: 0px 10px 0px 50px;
}
</style>
</head>
<body>
<div id="hoofding">hoofding</div>
<div id="keuzemenu">
<br />
<a href="link 1.html">link 1</a><br>
<a href="link 2.html">link 2</a><br />
</div>
<div id="tekst">
<h4>hier zou de tekst van de aangeklikte link moeten komen</h4>
teksttekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst<br> tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst
</div>
</body>
</html>
<html> <head> <title>??????????</title> <style type="text/css" media="all"> body { margin: 0px; padding: 0px; font-family: Georgia, Times, Serif; color: black; width: 800px; } div#hoofding { background-color: #266; color: white; font-size: 28px; float: middle; } div#keuzemenu { position: absolute; top: 40px; left: 10px; width: 160px; margin-left: 10px; padding-top: 20px; border: 500px; } div#tekst { position: absolute; top: 30px; left: 180px; padding-top: 20px; margin: 0px 10px 0px 50px; } </style> </head> <body> <div id="hoofding">hoofding</div> <div id="keuzemenu"> <br /> <a href="link 1.html">link 1</a><br> <a href="link 2.html">link 2</a><br /> </div> <div id="tekst"> <h4 >hier zou de tekst van de aangeklikte link moeten komen </h4 > teksttekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst<br> tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst </div> </body> </html>
nemesiskoen edit: code tags
|