Thread: Frame probleem

  1. #1
    Dreetn's Avatar
    Registered
    03/11/04
    Location
    Oostduinkerke
    Posts
    5,173
    iTrader
    3 (100%)
    Mentioned
    0 Post(s)
    Reputation
    0/42

    Frame probleem

    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
    no votes  

  2. #2
    legerguy's Avatar
    Registered
    28/12/05
    Location
    Merelbeke
    Posts
    539
    iTrader
    4 (100%)
    Mentioned
    0 Post(s)
    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
    Last edited by legerguy; 02-11-2008 at 15:18.
    The world is evil
    no votes  

  3. #3
    Dreetn's Avatar
    Registered
    03/11/04
    Location
    Oostduinkerke
    Posts
    5,173
    iTrader
    3 (100%)
    Mentioned
    0 Post(s)
    Reputation
    0/42
    Het werkt, heel erg bedankt.
    Je bent wel de p-tags vergeten te openen bij het laatste bestand.
    no votes  

  4. #4
    legerguy's Avatar
    Registered
    28/12/05
    Location
    Merelbeke
    Posts
    539
    iTrader
    4 (100%)
    Mentioned
    0 Post(s)
    Njah, beetje snelheid maar tof dat het toch werkt
    The world is evil
    no votes  

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Log in

Log in