Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

Menu fatsoenlijk laten werken.

None
17 antwoorden
  • Ik moet voor school een stite maken met css.
    Het gaat al best aardig maar ik loop nu een beetje vast op het menu…

    ik heb nu mijn menu gemaakt met lists:

    <div class="menu">

    <li><a href="1.html">home</a>
    <li><a href="2.html">soorten regenwoud</a>
    <li><a href="gedachten.html">flora</a>
    <li><a href="stad.html">fauna</a>
    <li><a href="links.html">over ons</a>
    <li><a href="links2.html">disclaimer</a>

    </div>

    maar dit werkt alleen als ik een html bestand maak van ALLE tekst. zodat ik opgescheept zit met 20 html bestandjes, en telkens als er op een link word geklikt word de gehele site opnieuw geladen. Dit lijkt mij wat onhandig.


    dus, hoe kan ik m'n menu zo maken dat als ik op een link klik een tekstbestandje in het juiste containertje gezet wordt.

    (ik werk trouwens met kladblok, dreamweaver o.i.d hebben ze niet bij mij op school.)
  • Eerst even dit: Ik weet niet of je de code bewust hebt weggelaten omdat het niet echt relevant is voor je vraag, maar er ontbreekt wat aan je code.
    Voor en na de lijst mis ik de <ul> en </ul> en ik zie dat de regels niet afgesloten zijn met </li>
    Maar dit terzijde omdat het verder niet over je vraag gaat.

    Ik ga er van uit dat je met HTML bezig bent en niet met XHTML.
    Je hebt verschillende opties om een gedeelte van de site opnieuw te laten laden. De beste opties zijn volgens mij met PHP of Ajax, maar ik denk dat je dit met HTML wilt oplossen.

    Dan zijn de mogelijkheden beperkter. Ik kan er maar 2 bedenken:
    Je zet de site in frames. Elk frame krijgt dan een naam, en je voegt een 'target' attribuut toe aan je link dat overeenkomt met het betreffende frame dat ververst dient te worden. Maar ik ben eerlijk gezegd niet kapot van frames.

    Als het een klein stukje van de site is, kun je verder een iframe gebruiken. Maar of je die met 'target' kunt benaderen weet ik eerlijk gezegd niet.
  • ja, ik heb bewust de rest van de code weggelaten m'n hele html code is

    [code:1:61e01d28f2]
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">


    <html>

    <head>
    <title>Tropisch regenwoud</title>
    <link rel="stylesheet" href="Layout.css">
    </head>



    <body>

    <div class="content">
    banaan
    </div>


    <div class="menu">
    <ul>
    <li><a href="links.html">home </a> </li>
    <li><a href="menu.txt">soorten regenwoud</a> </li>
    <li><a href="gedachten.html">flora</a> </li>
    <li><a href="stad.html">fauna</a> </li>
    <li><a href="links.html">over ons</a> </li>
    <li><a href="links.html">disclaimer</a> </li>
    </ul>
    </div>


    </html>

    <div class="ondertekendachtergrond">
    </div>


    <div class="ondertekend">
    <b><address>Gemaakt december 2007<br>
    door Martijn en Tim</address></b>
    </div>



    </body>
    [/code:1:61e01d28f2]


    Je had trouwens helemaal gelijk over de ontbrekende <ul> en </li> codes.

    Ik werk inderdaad alleen met css en HTML


    hoe werkt die target code eigenlijk?

    ik heb

    [code:1:61e01d28f2]
    <li><a href="soorten regenwoud.txt" target="content">soorten regenwoud</a> </li>
    [/code:1:61e01d28f2]

    geprobeerd, maar dan opent explorer het text bestandje in een apart schermpje.
    geprobeerd
  • Je doet het helemaal goed. Alleen is het maar de helft van de klus. Vandaar dat de browser er een ander venster voor opent. Hij 'weet' anders niet waar hij ermee naartoe moet zeg maar.
    Als je site in frames staat, dan kun je die frames een naam geven. En in dat geval zal de browser geen apart venster openen, maar de frame die (in dit geval) "content" heet.

    Ik vind het overigens wel stoer van je dat je met kladblok begint. Ik ben niet zo puriteins dat ik HTML editors vervloek. Integendeel, ik gebruik zelf Dreamweaver. Maar als je met kladblok begint dan weet je later wel precies wat je zit te doen als je met een editor aan de gang gaat. En veel mensen hebben geen idee wat er 'onder water' precies gebeurt ze een divje maken :wink:
  • Weet iemand misschien een mooie uitleg hoe het precies zit met frames en iframes (wat is het verschil?).

    Moeten frames trouwens worden ingesteld in het html bestandje of in het css bestand?
  • Bij frames komt het er op neer dat je index.html in feite alleen een frameset is. Het heeft heel in de verte wel iets weg van hoe je tabellen gebruikt. Frames worden dus in een frameset samengesteld, wat dus in feite een speciaal soort html bestand is en niet binnen een css bestand. De werkelijke html pagina's die in de frames moeten verschijnen zijn allemaal verschillende html documenten en de frameset (de index.html dus) puzzelt ze samen tot een geheel. Het gebruik van frames vergt even wat studie als je het nog nooit gedaan hebt, maar het is verder niet moeilijk. Echter ik ben niet kapot van het gebruik van frames. De structuur wordt er onoverzichtelijk door en je hebt kans dat de pagina zich vreemd gaat gedragen in andere browsers.

    Iframes zijn eenvoudiger. Je gebruikt gewoon <iframe src="anderepagina.html"></iframe> en die anderepagina.html is dan een html bestand dat in de iframe verschijnt. Een iframe maakt als het ware een venster in je html pagina waar achter je een andere html pagina kunt laten zien. (b.v. een pagina met alleen maar een menu) M.b.v. width en height kun je de grootte van het iframe bepalen. Ik zag net dat je ook een name="naam" toe kunt voegen aan een iframe, dus je kunt hem ook met een target gebruiken.

    Hier wat links:
    http://www.handleidinghtml.nl/html/elementen/a.html#TARGET

    http://www.handleidinghtml.nl/html/elementen/frame.html

    http://www.handleidinghtml.nl/html/elementen/iframe.html
  • 1) frames zuigen om te maken
    2) frames zuigen volgens zoekmachines
    3) frames zuigen zodra je merkt dat je site slecht geïndexeerd wordt
    4) frames zuigen voor bezoekers die via zoekmachines komen
    5) dat frames minder laadtijd vergen, is een illusie.

    Het wordt daarom al jarenlang afgeraden, maar omdat het kán en omdat elke grote tutorialsite uit de vorige eeuw helaas nog steeds bestaat en op die manier slechtgeïnformeerde sitebouwers blij maken met achterhaalde tips, krijg je dus dat zelfs nu het bijna 2008 is, nog steeds mensen met frames aan komen zetten.

    Ik zou dus zeggen, doe het niet, hou het simpel, doe zoals je het nu doet, tenzij je graag een slechte site wilt bouwen.

    http://webrichtlijnen.overheid.nl/handleiding/ontwikkeling/productie/frames/nadelen/
  • Kortom: frames… Gewoon niet doen… ;)

    - Bas
  • Nou hoor je het ook eens van anderen ;-)
  • Ik ben nu bezig met Iframes (frames vond ik inderdaad nogal ingewikkeld uitzien).

    het lukt al wel een beetje, maar nu wil ik dat de iframe doorzichtig wordt,

    style="-moz-opacity:.5;filter:alpha(opacity=50);"

    heb ik geprobeerd, maar dit zorgt er voor dat de achtergrond nog steeds een beetje doorzichtig is, (opacity=100 werkt ook niet want dan is de tekst ook doorzichtig…)

    weet een van jullie hier een oplossing voor?
    (ondertussen zoek ik zelf ook wel even verder.
  • Het is me niet helemaal duidelijk wat je wilt. Wat bedoel je? En heb je een voorbeeld? (url?)
  • oké, ik heb de volgende html:

    [code:1:d3fd32f3cf]
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">

    <html>


    <head>
    <title>Tropisch regenwoud</title>
    <link rel="stylesheet" href="Layout.css">
    </head>



    <body>

    —————————————————

    <IFRAME
    NAME="content"
    WIDTH="100%"
    HEIGHT="100%"
    marginheight="50px"
    SCROLLING="no"
    <head>
    <link rel="stylesheet" href="Layout2.css">
    </head>
    <body>
    </body>
    </IFRAME>

    —————————————————-

    <div class="menu">

    <ul>
    <li><a href="links.html">home </a> </li>
    <li><a href="menu.txt" target="content">soorten regenwoud</a> </li>
    <li><a href="gedachten.html">flora</a> </li>
    <li><a href="stad.html">fauna</a> </li>
    <li><a href="links.html">over ons</a> </li>
    <li><a href="links.html">disclaimer</a> </li>
    </ul>

    </div>




    <div class="ondertekendachtergrond">
    </div>
    <div class="ondertekend">
    <b><address>Gemaakt december 2007<br>
    door Martijn en Tim</address></b>
    </div>

    </body>


    </html>

    [/code:1:d3fd32f3cf]


    Hier heb ik dus een iframe in gezet (tussen de streepjes)
    maar als ik dit open in internet explorer dan krijg ik m'n iframe (wit) die bovenop mijn achtergrond is geplakt (groen achtergrondplaatje)
    dus m'n achtergrond zie ik niet omdat de achtergrond van m'n iframe eroverheen is geplakt!

    dus hoe krijg ik de achtergrond van m'n iframe transparant zodat de achtergrond van m'n body zichtbaar is.

    moet kunnen denk ik…
  • Ik ben niet zo thuis in de (alpha) transparante achtergronden. maar zo te zien klopt je code niet. Je hebt HTML in je iframe staan, en dat hoort daar niet. Je dient m.b.v. 'src="blabla.html"' een ander html document te kiezen dat in het iframe getoont wordt.
    Eventuele achtergrond transparantie dien je (indien mogelijk) in dat andere html document te regelen.
  • [quote:7f05f33232="BasHamar"]Kortom: frames… Gewoon niet doen… ;)

    - Bas[/quote:7f05f33232]
    En toch zie ik nog veel professionele content management systemen braaf frames maken.
    En soms kan frames toch handig zijn met alle nadelen van dien.
  • [quote:3e17d8b5f9="Prin0096"]En toch zie ik nog veel professionele content management systemen braaf frames maken.
    En soms kan frames toch handig zijn met alle nadelen van dien.[/quote:3e17d8b5f9]Ieder z'n meug, toch? Staat vast dat het niet handig is (Google bevestigt het in haar helpcentrum), wat je met die adviezen doet, is aan jezelf.

    [quote:3e17d8b5f9="kingtim"]Ik ben nu bezig met Iframes
    [..]
    nu wil ik dat de iframe doorzichtig wordt[/quote:3e17d8b5f9]Een iframe is ook een frame. Makkelijker te gebruiken, maar verder veelal dezelfde nadelen.

    Transparency is niet erg makkelijk, ik zou het proberen te vermijden.
    www.mandarindesign.com/troops.html#opacitybackgroundhard
  • oké, ik zal doorzichtige iframes vermijden.

    nog 1 vraagje (vast niet de laatste) ik zit hier op een vista pc met de nieuwste ie en firefox. op school echter gebruiken ze ie6. bestaat er een standalone versie van ie6 voor op vista? (ik heb al gezocht maar ik heb alleen xp versies gevonden…)
  • Nee, die bestaat inderdaad helaas niet. De meest betrouwbare manier is het gebruik van een virtual machine met Windows XP en IE6 gebruiken, maar dit is niet gratis. (Je hebt dan iig een legitieme XP nodig). Onder XP gebruikte ik een manier om IE4 t/m IE6SP2 naast elkaar te draaien, ik zal eens kijken of ik die link nog kan vinden, wellicht is de methode aangepast voor IE7 en Vista.

    - Bas

    [b:a7aefaaba4]Edit:[/b:a7aefaaba4][list:a7aefaaba4][*:a7aefaaba4]Install multiple versions of IE on your PC (XP-only)[*:a7aefaaba4]Internet Explorer 6 in Windows Vista - part 1 (Work in progress)[/list:u:a7aefaaba4]

Beantwoord deze vraag

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