Archief - Frame probleem

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
D

Dreetn

Legacy Member
Ik heb dus een probleem met mijn frames en mijn menu.

Ik heb dus 2 frames, in de linkse staat een menu en in de rechtse de informatie. Als ik dus een op een knop klik in het menu dan komt in de rechtse frame hetzelfde menu i.p.v. de informatie.

Dit is dus wat ik heb:


Index:
Code: 
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<title>Opmaken van tekst</title>	
		
		<link rel= "stylesheet" type="text/css" href = "styles.css" />
		
	</head>
		
		<frameset cols = "10% , 90%">
			<frame noresize = "noresize" src = "menuframe.html" />
			<frame noresize = "noresize" src = "home.html" name = "home.html"/>
		</frameset>
		
</html>

Menu:

Code: 
<html xmlns = "http://www.w3.org/1999/xhtml">

	<head>
	
		<title>Menuframe</title>
		
		<link rel= "stylesheet" type="text/css" href = "styles.css" />
	 
	 </head>
	 
	 <body>
	 
	 	
	 
	 	<div class = "menu">Soorten tekstopmaak
	 		<a class = "link1" href = "#Lettertype" target = "home.html">Lettertype</a>
	 		<a class = "link2" href = "#Tekenstijl" target = "home.html">Tekenstijl</a>
	 		<a class = "link3" href = "#Tekenvariant" target = "home.html">Tekenvariant</a>
	 		<a class = "link4" href = "#Tekengrootte" target = "home.html">Tekengrootte</a>
	 		<a class = "link5" href = "#Tekengewicht" target = "home.html">Tekengewicht</a>
	 		<a class = "link6" href = "#Tekst_horizontaal_uitrekken" target = "home.html">Tekst horizontaal uitrekken</a>
	 		<a class = "link7" href = "#Lettertype_in_het_algemeen" target = "home.html">Lettertype in het algemeen</a>
	 		<a class = "link8" href = "#Tekenafstand" target = "home.html">Tekenafstand</a>
	 		<a class = "link9" href = "#Tekstdecoratie" target = "home.html">Tekstdecoratie</a>
	 		<a class = "link10" href = "#Teksttransformatie" target = "home.html">Teksttransformatie</a>
	 		<a class = "link11" href = "#Tekstkleur" target = "home.html">Tekstkleur</a>
	 		<a class = "link12" href = "#Tekst_met_schaduweffect" target = "home.html">Tekst met schaduweffect</a>
	 	</div>
	 	
	 </body>
	 
</html>


Rechter frame:

Code: 
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		
		<link rel= "stylesheet" type="text/css" href = "styles.css" />
		
		<title>Opmaken van tekst</title>
		
	</head>
		
	<body>
	
		<h2 id = "Lettertype">Lettertype</h2>
			<p class = "Lettertype_arial">Lettertype: arial</p>
			<p class = "Lettertype_verdana">Lettertype: verdana</p>
			<p class = "Lettertype_courier">Lettertype: courier</p>
			
		<h2 id = "Tekenstijl">Tekenstijl</h2>
			<p class = "Tekenstijl_normal">Tekenstijl: normal</p>
			<p class = "Tekenstijl_italic">Tekenstijl: italic</p>
			<p class = "Tekenstijl_oblique">Tekenstijl: oblique</p>
			
		<h2 id = "Tekenvariant">Tekenvariant</h2>
			<p class = "Tekenvariant_normal">Tekenvariant: normal</p>
			<p class = "Tekenvariant_small-caps">Tekenvariant: small-caps</p>
			
		<h2 id = "Tekengrootte">Tekengrootte</h2>
			<p class = "Tekengrootte_xx-small">Tekengrootte: xx-small</p>
			<p class = "Tekengrootte_small">Tekengrootte: small</p>
			<p class = "Tekengrootte_x-large">Tekengrootte: x-large</p>
			<p class = "Tekengrootte_larger">Tekengrootte: larger</p>
			
		<h2 id = "Tekengewicht">Tekengewicht</h2>
			<p class = "Tekengewicht_bold">Tekengewicht: bold</p>
			<p class = "Tekengewicht_bolder">Tekengewicht: bolder</p>
			<p class = "Tekengewicht_lighter">Tekengewicht: lighter</p>
			
		<h2 id = "Tekst_horizontaal_uitrekken">Tekst horizontaal uitrekken</h2>
			<p class = "uitrekken_wider">Tekst horizontaal uitrekken: wider</p>
			<p class = "uitrekken_narrower">Tekst horizontaal uitrekken: narrower</p>
			<p class = "uitrekken_expanded">Tekst horizontaal uitrekken: expanded</p>
			
		<h2 id = "Lettertype_in_het_algemeen">Lettertype in het algemeen</h2>
			<p class = "Lettertype_algemeen_1">Lettertype in het algemeen: oblique normal 900 15px/11px verdana</p>
			<p class = "Lettertype_algemeen_2">Lettertype in het algemeen: italic small-caps 900 12px arial</p>
			<p class = "Lettertype_algemeen_3">Lettertype in het algemeen: menu</p>
			
		<h2 id = "Tekenafstand">Tekenafstand</h2>
			<p class = "Tekenafstand_1">Tekenafstand: normal</p>
			<p class = "Tekenafstand_2">Tekenafstand: letter-spacing -1px</p>
			<p class = "Tekenafstand_3">Tekenafstand: letter-spacing 0.5cm</p>
			
		<h2 id = "Tekstdecoratie">Tekstdecoratie</h2>
			<p class = "Tekstdecoratie_1">Tekstdecoratie: overline</p>
			<p class = "Tekstdecoratie_2">Tekstdecoratie: underline</p>
			<p class = "Tekstdecoratie_3">Tekstdecoratie: blink  (Werkt niet met internet explorer)</p>
			
		<h2 id = "Teksttransformatie">Teksttransformatie</h2>
			<p class = "Teksttransformatie_1">Teksttransformatie: capitalize</p>
			<p class = "Teksttransformatie_2">Teksttransformatie: uppercase</p>
			<p class = "Teksttransformatie_3">Teksttransformatie: lowercase</p>
			
		<h2 id = "Tekstkleur">Tekstkleur</h2>
			<p class = "Tekstkleur_1">Tekstkleur: #34fe59</p>
			<p class = "Tekstkleur_2">Tekstkleur: red</p>
			<p class = "Tekstkleur_3">Tekstkleur: rgb(45,34,220)</p>
			
		<h2 id = "Tekst_met_schaduweffect">Tekst met schaduweffect</h2>
			<p class = "Tekst_met_schaduweffect_1">Tekst met schaduweffect: #6374AB 20px -12px 2px</p>
			<p class = "Tekst_met_schaduweffect_2">Tekst met schaduweffect: rgb(230,80,175) 10px -5px 3px</p>
	
	</body>
		
</html>

Het is dus de bedoeling dat als je op een knop in het menu klikt, dat het rechterframe naar de betreffende informatie scrollled.


Dit is een schoolopdracht, dus tips zijn ook goed.



Mvg
l

legerguy

Legacy Member
Ok, dit is wat je moet hebben in index.html

Code: 
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<title>Opmaken van tekst</title>	
		
		<link rel= "stylesheet" type="text/css" href = "styles.css" />
		
	</head>
		
		<frameset cols = "10% , 90%">
			<frame noresize = "noresize" src = "menuframe.html" name="menu" />
			<frame noresize = "noresize" src = "home.html" name = "home"/>
		</frameset>
		
</html>

menuframe.html
Code: 
<html xmlns = "http://www.w3.org/1999/xhtml">

	<head>
	
		<title>Menuframe</title>
		
		<link rel= "stylesheet" type="text/css" href = "styles.css" />
	 
	 </head>
	 
	 <body>
	 
	 	
	 
	 	<div class = "menu">Soorten tekstopmaak
	 		<a class = "link1" href = "home.html#Lettertype" target = "home">Lettertype</a>
	 		<a class = "link2" href = "home.html#Tekenstijl" target = "home">Tekenstijl</a>
	 		<a class = "link3" href = "home.html#Tekenvariant" target = "home">Tekenvariant</a>
	 		<a class = "link4" href = "home.html#Tekengrootte" target = "home">Tekengrootte</a>
	 		<a class = "link5" href = "home.html#Tekengewicht" target = "home">Tekengewicht</a>
	 		<a class = "link6" href = "home.html#Tekst_horizontaal_uitrekken" target = "home">Tekst horizontaal uitrekken</a>
	 		<a class = "link7" href = "home.html#Lettertype_in_het_algemeen" target = "home">Lettertype in het algemeen</a>
	 		<a class = "link8" href = "home.html#Tekenafstand" target = "home">Tekenafstand</a>
	 		<a class = "link9" href = "home.html#Tekstdecoratie" target = "home">Tekstdecoratie</a>
	 		<a class = "link10" href = "home.html#Teksttransformatie" target = "home">Teksttransformatie</a>
	 		<a class = "link11" href = "home.html#Tekstkleur" target = "home">Tekstkleur</a>
	 		<a class = "link12" href = "home.html#Tekst_met_schaduweffect" target = "home">Tekst met schaduweffect</a>
	 	</div>
	 	
	 </body>
	 
</html>

home.html:

Code: 
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		
		<link rel= "stylesheet" type="text/css" href = "styles.css" />
		
		<title>Opmaken van tekst</title>
		
	</head>
		
	<body>
	
		<h2 id = "Lettertype">Lettertype</h2>
			<a name="Lettertype_arial"></a>Lettertype: arial</p>
			<a name="Lettertype_verdana"></a>Lettertype: verdana</p>
			<a name="Lettertype_courier"></a>Lettertype: courier</p>
			
		<h2 id = "Tekenstijl">Tekenstijl</h2>
			<a name="Tekenstijl_normal"></a>Tekenstijl: normal</p>
			<a name="Tekenstijl_italic"></a>Tekenstijl: italic</p>
			<a name="Tekenstijl_oblique"></a>Tekenstijl: oblique</p>
			
		<h2 id = "Tekenvariant">Tekenvariant</h2>
			<a name="Tekenvariant_normal"></a>Tekenvariant: normal</p>
			<a name="Tekenvariant_small-caps"></a>Tekenvariant: small-caps</p>
			
		<h2 id = "Tekengrootte">Tekengrootte</h2>
			<a name="Tekengrootte_xx-small"></a>Tekengrootte: xx-small</p>
			<a name="Tekengrootte_small"></a>Tekengrootte: small</p>
			<a name="Tekengrootte_x-large"></a>Tekengrootte: x-large</p>
			<a name="Tekengrootte_larger"></a>Tekengrootte: larger</p>
			
		<h2 id = "Tekengewicht">Tekengewicht</h2>
			<a name="Tekengewicht_bold"></a>Tekengewicht: bold</p>
			<a name="Tekengewicht_bolder"></a>Tekengewicht: bolder</p>
			<a name="Tekengewicht_lighter"></a>Tekengewicht: lighter</p>
			
		<h2 id = "Tekst_horizontaal_uitrekken">Tekst horizontaal uitrekken</h2>
			<a name="uitrekken_wider"></a>Tekst horizontaal uitrekken: wider</p>
			<a name="uitrekken_narrower"></a>Tekst horizontaal uitrekken: narrower</p>
			<a name="uitrekken_expanded"></a>Tekst horizontaal uitrekken: expanded</p>
			
		<h2 id = "Lettertype_in_het_algemeen">Lettertype in het algemeen</h2>
			<a name="Lettertype_algemeen_1"></a>Lettertype in het algemeen: oblique normal 900 15px/11px verdana</p>
			<a name="Lettertype_algemeen_2"></a>Lettertype in het algemeen: italic small-caps 900 12px arial</p>
			<a name="Lettertype_algemeen_3"></a>Lettertype in het algemeen: menu</p>
			
		<h2 id = "Tekenafstand">Tekenafstand</h2>
			<a name="Tekenafstand_1"></a>Tekenafstand: normal</p>
			<a name="Tekenafstand_2"></a>Tekenafstand: letter-spacing -1px</p>
			<a name="Tekenafstand_3"></a>Tekenafstand: letter-spacing 0.5cm</p>
			
		<h2 id = "Tekstdecoratie">Tekstdecoratie</h2>
			<a name="Tekstdecoratie_1"></a>Tekstdecoratie: overline</p>
			<a name="Tekstdecoratie_2"></a>Tekstdecoratie: underline</p>
			<a name="Tekstdecoratie_3"></a>Tekstdecoratie: blink  (Werkt niet met internet explorer)</p>
			
		<h2 id = "Teksttransformatie">Teksttransformatie</h2>
			<a name="Teksttransformatie_1"></a>Teksttransformatie: capitalize</p>
			<a name="Teksttransformatie_2"></a>Teksttransformatie: uppercase</p>
			<a name="Teksttransformatie_3"></a>Teksttransformatie: lowercase</p>
			
		<h2 id = "Tekstkleur"></a>Tekstkleur</h2>
			<a name="Tekstkleur_1"></a>Tekstkleur: #34fe59</p>
			<a name="Tekstkleur_2"></a>Tekstkleur: red</p>
			<a name="Tekstkleur_3"></a>Tekstkleur: rgb(45,34,220)</p>
			
		<h2 id = "Tekst_met_schaduweffect">Tekst met schaduweffect</h2>
			<a name="Tekst_met_schaduweffect_1"></a>Tekst met schaduweffect: #6374AB 20px -12px 2px</p>
			<a name="Tekst_met_schaduweffect_2"></a>Tekst met schaduweffect: rgb(230,80,175) 10px -5px 3px</p>
	
	</body>
		
</html>

Nu moet het kloppen, was vergeten rechterframe aan te passen ;) en een foutje weg gewerkt in de index
D

Dreetn

Legacy Member
Het werkt, heel erg bedankt.
Je bent wel de p-tags vergeten te openen bij het laatste bestand.
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan