link openen in div (frame/collom)

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Michaelk

michaelk

15/10/2006 23:40:00
Quote Anchor link
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
 
Er zijn nog geen reacties op dit bericht.



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.