Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

Frames

12 antwoorden
  • Ik zit wat te prutsen met frames in HTML. Maar ik kom er niet helemaal uit. Is er iemand die weet hoe het moet? Ik heb de volgende code: [code:1:443aea4377]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Pagina titel</title> </head> <frameset cols="50%,200" frameborder="no" border="0" framespacing="0"> <frameset rows="*" cols="200,*" framespacing="0" frameborder="no" border="0"> <frameset rows="*" cols="*,20" framespacing="0" frameborder="no" border="0"> <frame src="UntitledFrame-4.html" name="leftFrame" scrolling="No" noresize="noresize" id="leftFrame" title="leftFrame" /> <frame src="UntitledFrame-2.html" name="rightFrame1" scrolling="No" noresize="noresize" id="rightFrame1" title="rightFrame1" /> </frameset> <frameset rows="75,*" frameborder="no" border="0" framespacing="0"> <frame src="UntitledFrame-6.html" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="topFrame" /> <frameset rows="*,35" cols="*" framespacing="0" frameborder="no" border="0"> <frame src="Untitled-2.php" name="mainFrame" id="mainFrame" title="mainFrame" /> <frame src="UntitledFrame-7.html" name="bottomFrame" scrolling="No" noresize="noresize" id="bottomFrame" title="bottomFrame" /> </frameset> </frameset> </frameset> <frameset rows="*" cols="20,*" framespacing="0" frameborder="no" border="0"> <frame src="UntitledFrame-3.html" name="leftFrame1" scrolling="No" noresize="noresize" id="leftFrame1" title="leftFrame1" /> <frame src="UntitledFrame-5.html" name="rightFrame" scrolling="No" noresize="noresize" id="rightFrame" title="rightFrame" /> </frameset> </frameset><noframes><body> </body> </noframes></html> [/code:1:443aea4377] Dat ziet er dan op internet zo uit: http://www.quadtuning.nl/test/ Zo ver alles prima. Maar zodra je de pagina verkleint, dan wordt het middelste frame kleiner en de buitenste behouden hun maat. Ik wil juist dat het middelste frame een vaste maat heeft en de twee buitenste frames (egaal groen) kleiner worden. Weet iemand wat ik dan moet aanpassen?
  • De tweede frameset regel lijkt me niet helemaal goed. Je gebruikt rows en cols in 1 frameset statement. Volgens mij bedoel je dit:[code:1:d647175195]<frameset cols="*,1000,*" framespacing="0" frameborder="no" border="0"> [/code:1:d647175195] Je maakt 3 kolomen waarvan de middelste vast is (bv 1000 pixels). De buitenste kolommen varieren in grootte.
  • Zou u mij dan eens de gehele code aangepast kunnen laten zien? Want ik heb bij de 2e frame set dat *,1000,* toegepast, maar dan krijg ik een wit frame er bij rechts maar meer ook niet. Iniedergeval bedankt voor de hulp tot zo ver, het is me wel iets duidelijker hoe die cols en rows werken. Maar hij wordt nog wel kleiner. Alvast bedankt!
  • In een ander topic ging het ook over frames... http://forum.computertotaal.nl/phpBB2/viewtopic.php?p=1257761#1257761 Bespaar je de moeite om frames te doorgronden, er is al jaren geen goed geïnformeerde webdesigner die er nog aan denkt om frames te gebruiken. Dat komt omdat je site minder goed vindbaar wordt en minder vriendelijk voor bezoekers. Door de overdaad aan verouderd materaal is onder beginners nog wel op elke hoek een liefhebber van frames te vinden, en (relatieve) beginners zijn er in grote getale. Daarom is het gebruik van frames zo hardnekkig als onkruid. Maar laat dat je er niet van weerhouden om methoden te gebruiken die na de millenniumwisseling zijn uitgevonden; we leven immers al bijna in 2008. De truc is om de layout niet te regelen met HTML, maar door een extern bestand te gebruiken waarin layoutcodes staan die voor je hele site gelden. Zo kun je door het bestand te veranderen, de hele site in één keer van layout laten veranderen. Niet alleen tekstkleur, ook de plek van je menu, de grootte van je content-vak, of het plaatje op de achtergrond. Dit gebeurt met CSS. http://modernmarkup.nl http://netters.nl/client-side www.sceneone.nl
  • Oke dat klinkt als een hele goed tip. Tijd om iets nieuws te leren dus :) Ik heb weleens gekeken naar CSS, maar het zag er voor mij altijd uit als abacadabra. Zal me er toch maar in gaan verdiepen. Bedankt!
  • Los van het feit dat frames "obsolete" zijn, deze frameset is echt een zooitje. Ik zou opnieuw beginnen, en je code clean houden.
  • Kijk [url=http://www.csszengarden.com/]hier[/url] eens voor een goed voorbeeld van wat er allemaal mogelijk is met css.
  • Het is inderdaad een zooitje, ik weet het. Maar het ging mij even om te zien hoe het werkt. Ik heb dit gemaakt met dreamweaver, maar dat is niet de beste oplossing denk ik :) Nu ga ik mij maar eens verdiepen in CSS. Iedereen bedankt voor de tips!
  • Dit is een handige website voor iemand met hetzelfde probleem: http://www.positioniseverything.net/articles/pie-maker/pagemaker_form.php
  • CSS is me nu een heeeeel klein beetje duidelijk. Tot zo ver heb ik dit: http://www.quadtuning.nl/test/glr.html Het lukt me om aan de linkerkant om deze afbeelding te plaatsen: [img:f525ce63e9]http://www.quadtuning.nl/test/zijkantenblokje.jpg[/img:f525ce63e9] Maar aan de rechterkant krijg ik de rechterversie er met geen mogelijkheid in: [img:f525ce63e9]http://www.quadtuning.nl/test/zijkantenblokjerechts.jpg[/img:f525ce63e9] Of zijn dit dingen die je in CSS moet aangeven? http://www.quadtuning.nl/test/CSS/noodle_real.css
  • Het is in jouw geval (een vaste breedte van de midden kolom) makkelijker om een horizontaal plaatje te maken van een paar pixels hoog en net iets breder dan die middelste kolom plus de schaduw, en dan zet je de schaduw in dat plaatje, en niets waar de midden kolom komt, dit positioneer je dan in het midden, horizontaal gezien, en herhaal je over de y-as:[code:1:c88b262f57]body {background-color: #333300;} #wraper {background: #333300 url(folder/plaatje.jpg) repeat-y top center;}[/code:1:c88b262f57]Of als je het helemaal wilt uitschrijven:[code:1:c88b262f57]body {background-color: #333300;} #wraper { background-color: #333300; background-image: url(folder/plaatje.jpg); background-position: top center; background-repeat: repeat-y;}[/code:1:c88b262f57] Plaatje moet er dan zo uit zien (is iets hoger anders zie niet echt wat ik bedoel): [img:c88b262f57]http://www.millar.nl/files/background.jpg[/img:c88b262f57]
  • Aah ik denk dat ik snap wat je bedoelt. Het plaatje moet dus breder zijn dan de hele middelste kolom zodat hij aan de andere kant uitsteekt. Dat ga ik proberen, bedankt voor de tip!

Beantwoord deze vraag

Weet jij het antwoord op deze vraag? Registreer of meld je aan met je account

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.