ik heb een probleem zit al uren te googlen en op deze site
maar kan het niet vinden ik vind genoeg maar niet het probleem wat ik wil
of ik krijg hele boekwerken te zien waar ik niks meer van begrijp omdat het zo lang is.
wat wil ik:
ik heb 3 div blokken gemaakt
bovenbalk (overde hele pagina voor als kop)
linker collom (voor menu)
een rechter collom (voor de inhoud van de site)
nu heb ik een woordje in de linker collom staan "LINK" als ik daar op druk moet de pagina geopend worden in de rechter collom
wat voor script gebruik ik:
--------------------------- STARTPAGINA ----------------------
<!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"; xml:lang="en" lang="en" >
<head>
<title>TEST</title>
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="generator" content="www.csscreator.com" />
<link rel="stylesheet" href="style58.css" type="text/css" />
</head>
<body>
<div id="pagewidth" >
<div id="header" ></div>
<div id="wrapper" class="clearfix" >
<div id="maincol" ></div>
<div id="leftcol" ><a href="test.php">link</a></div>
</div>
</div>
</body>
</html>
---------------------------------- UITERLIJK ---------------------
html, body{
margin:0;
padding:0;
}
#pagewidth{
width:1000px;
}
#header{
position:relative;
height:70px;
background-color:#3F3C3C;
width:100%;
}
#leftcol{
width:100px;
float:left;
position:relative;
background-color:#A6B0B6;
}
#maincol{background-color: #9CEFF9;
float: right;
display:inline;
position: relative;
width:900px;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */
/*printer styles*/
@media print{
/*hide the left column when printing*/
#leftcol{display:none;}
#twocols, #maincol{width:100%; float:none;}
}
---------------------------------------------------------------------------------
wat wil niet:
als ik target="maincol" bij de link zet
<div id="leftcol" ><a href="test.php" target="maincol">link</a></div>
dan opent die test.php in een nieuwe scherm en dat moet niet
ik heb wel is met frames gewerkt dan doet die het wel div is nieuw
ik hoop dat iemand mij kan helpen aanwijzing kan geven
of hoe ik het beter kan doen
alvast bedankt en grtz
646 views