Thread: Frame probleem
-
02-11-2008, 12:29 #1Member
- 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:
Menu: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>
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:
Het is dus de bedoeling dat als je op een knop in het menu klikt, dat het rechterframe naar de betreffende informatie scrollled.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>
Dit is een schoolopdracht, dus tips zijn ook goed.
Mvgno votes
-
-
02-11-2008, 15:13 #2Approved 9-lifer
- 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
menuframe.htmlCode:<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>
home.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>
Nu moet het kloppen, was vergeten rechterframe aan te passenCode:<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>
en een foutje weg gewerkt in de index
Last edited by legerguy; 02-11-2008 at 15:18.
The world is evil
no votes
-
02-11-2008, 20:00 #3Member
- 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
-
02-11-2008, 21:07 #4Approved 9-lifer
- 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
