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)

Ruimte tussen plaatjes

None
13 antwoorden
  • Ik ben bezig voor mijn werk de website op intranet te vernieuwen. Ik doe dit, jaa met Frontpage. Bij de balk bovenin heb ik een probleempje wat ik zelf zo niet voor elkaar krijg. Er zit een ruimte tussen de eerste twee plaatjes en de rij eronder. Dit wil ik niet. Ik wil dat alles een geheel wordt. De oorzaak volgens mij is het gebruik van "Hotspots" Die gebruik ik om de links in het middelste plaatje (vij tekst) te verkrijgen.
    De links werken op dit moment niet.
    Weet iemand hoe ik dit wel goed kan krijgen? :(

    De url (tijdelijk): http://home.hccnet.nl/a.van.oevelen/banner.htm
  • In Netscape 7 ziet het er goed uit. Maar wat je zou kunnen proberen is van de tabel en van de cellen de breedte op 1% te zetten, op die manier sluit alles van links naar rechts in ieder geval op elkaar aan.

    - Bas.
  • Nee Bas dat helpt niet. Als ik bij cell of table de width op 1% zet dan komt het laatste plaatje eronder te staan en de openingen blijven. Ik had trouwens nog niet met Netscape gekeken. Maar dat programma wordt toch niet gebruikt op mijn werk.
  • Ik zou het zo doen:
    [code:1:25e61c5db3]<table border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td>1e plaatje</td>
    <td>2e</td>
    <td>3e</td>
    </tr>
    <tr>
    <td colspan="3">de balk gifjes</td>
    </tr>
    </table>[/code:1:25e61c5db3]
    Je moet dan wel zorgen dat de breedte van de eerste row hetzelfde is als de tweede row. Dus geef de tabel een absolute breedte, ofzo.
    Succes.
  • Volgens mij klopt je code niet.
    Je sluit de map te vroeg af.
    In je code staat:
    [code:1:4b7ccbde96]
    </map><img rectangle=" (18,69) (71, 88) http://saboz024.eur.gep.ge.com/GEPE_Intranet/www/toj/boz/spe/Procedure%20MOC.htm##_blank" rectangle=" (18,69) (71, 88) http://saboz024.eur.gep.ge.com/GEPE_Intranet/www/toj/boz/spe/Procedure%20MOC.htm##_blank" src="images/5-tekst.gif" border="0" width="97" height="110" usemap="#FPMap0">
    [/code:1:4b7ccbde96]
    Dit moet volgens mij zijn:
    [code:1:4b7ccbde96]
    <img rectangle=" (18,69) (71, 88) http://saboz024.eur.gep.ge.com/GEPE_Intranet/www/toj/boz/spe/Procedure%20MOC.htm##_blank" rectangle=" (18,69) (71, 88) http://saboz024.eur.gep.ge.com/GEPE_Intranet/www/toj/boz/spe/Procedure%20MOC.htm##_blank" src="images/5-tekst.gif" border="0" width="97" height="110" usemap="#FPMap0"></map>
    [/code:1:4b7ccbde96]
    (de /map naar achter verplaatst dus)
    In eerste instantie zag ik die ruimte tussen de plaatjes. Toen ik dat had aangepast was die verdwenen.
  • [quote:0d6d9f3f1a="Gooly"](de /map naar achter verplaatst dus)
    In eerste instantie zag ik die ruimte tussen de plaatjes. Toen ik dat had aangepast was die verdwenen.[/quote:0d6d9f3f1a] Bij mij nog steeds wel ruimte :-?
    Die afsluiting van de mapdefinitie staat waar die moet staan. Zelfs als ik de hele map-handel eruit haal blijft de tussenruimte. Het is toch echt een tabelprobleempje. Je zet alle plaatjes in 1 rij (met <br>). Dat is niet zo handig. Verklein je browserscherm maar eens. Dan springt het "noodplan" gifje naar de volgende regel. Dat lijkt me niet de bedoeling.
  • Nee, ook ik krijg het niet voor elkaar met </map>. Volgens mij is het toch echt meer een probleem met de "Hotspots". Ik had de pagina in elkaar gezet en alles zag er prima uit. Ik heb daarna de pagina enz. naar de webserver gekopieerd en de links gemaakt met behulp van de "Hotspots". En sindsdien heb ik die openingen. De "Hotspots moest ik gebruiken voor de 5-tekst (zoals ik die noem) voor de linken naar Empac, Edweb, Eadp, Moc en Msds. En daar moet volgens mij toch de fout liggen, alleen weet ik niet waar of hoe. :evil:
  • Als je de mapdefinitie uit de tabel haalt is het probleem opgelost.
    Dus:
    [code:1:03c7de4603]<body bgcolor="#FEEAD6" topmargin="0" leftmargin="0">
    <div align="left">

    <map name="FPMap0">
    <area href="msds/msds.htm" target="main" shape="rect" coords="17, 91, 76, 102">
    <area href="http://edweb.gep.ge.com/wedWeb" target="_blank" shape="rect" coords="19, 23, 79, 39">
    <area href="http://gepappl01/workflow/eadp/hrappli.nsf" target="_blank" shape="rect" coords="18, 46, 75, 64">
    <area href="http://saboz024.eur.gep.ge.com/GEPE_Intranet/www/toj/boz/spe/Procedure%2520MOC.htm" target="_blank" shape="rect" coords="18, 69, 71, 88">
    </map>

    <table border="0" cellpadding="0" cellspacing="0" width="83%">
    etc….[/code:1:03c7de4603]
  • Da's toch een probleem dan Henkz. Ik heb dat gedeelte wel nodig om de links te kunnen maken (Hotspots) of heb je een andere manier hoe ik dat kan doen? Het gaat dus om het 5-tekst plaatje. :-?
  • Ik werk niet met Frontpage, dus het begrip Hotspots zegt me niet zo veel. Ik bedoelde niet dat je de mapdefinitie uit de code moest halen, maar je moet hem buiten de <table> tags plaatsen. Volgens mij maakt het niet uit waar je hem zet. Met "usemap" verwijs je naar die definitie en die mag best ergens anders staan.
  • Ok ik heb het door wat je bedoeld. Maar als ik de mapdefenitie uit de table haal, dan maakt dat niets uit. De linken werken inderdaad wel maar ook de ruimtes blijven.
    "Hotspots gebruik je om meerdere linken op een plaatje te maken. Je selecteert een gebied en daar kun je dan een link aan knopen.
    Misschien dat je met een ander programma dat op een andere manier doet?
    Hoe doe jij zulk soort dingen? :o
  • Bij mij gaat het toch echt goed. (IE6) Ik zou niet weten waarom dat bij jou niet goed zou gaan.
    Als je deze code nu 's gebruikt:
    [code:1:dcda3908f1]<html>

    <head>
    <meta http-equiv="Content-Type"
    content="text/html; charset=iso-8859-1">
    <meta name="ProgId" content="FrontPage.Editor.Document">
    <meta name="GENERATOR" content="Microsoft FrontPage 4.0">
    <title>Toj SPE</title>
    <base target="main">
    </head>

    <body bgcolor="#FEEAD6" topmargin="0" leftmargin="0">
    <div align="left">
    <map name="FPMap0">
    <area href="msds/msds.htm" target="main" shape="rect" coords="17, 91, 76, 102">
    <area href="http://edweb.gep.ge.com/wedWeb" target="_blank" shape="rect" coords="19, 23, 79, 39">
    <area href="http://gepappl01/workflow/eadp/hrappli.nsf" target="_blank" shape="rect" coords="18, 46, 75, 64">
    <area href="http://saboz024.eur.gep.ge.com/GEPE_Intranet/www/toj/boz/spe/Procedure%2520MOC.htm" target="_blank" shape="rect" coords="18, 69, 71, 88">
    </map>
    <table border="0" cellpadding="0" cellspacing="0" width="83%">
    <tr>
    <td valign="top" width="94%"><img border="0" src="images/spebanner.gif" width="600" height="110"><img rectangle=" (18,69) (71, 88) http://saboz024.eur.gep.ge.com/GEPE_Intranet/www/toj/boz/spe/Procedure%20MOC.htm##_blank" rectangle=" (18,69) (71, 88) http://saboz024.eur.gep.ge.com/GEPE_Intranet/www/toj/boz/spe/Procedure%20MOC.htm##_blank" src="images/5-tekst.gif" border="0" width="97" height="110" usemap="#FPMap0"><img src="images/noodplan2.gif" border="0" width="108" height="110"><br>
    <img src="images/1-balk.gif" width="30" height="22"><img src="images/balk-blauw-leeg-22.gif" width="15" height="22"><img src="images/home-balk1.gif" border="0" width="93" height="22"><img src="images/spemanufacturing-balk1.gif" border="0" width="153" height="22"><img src="images/tojalleplants-balk1.gif" border="0" width="133" height="22"><img src="images/introprocesspe-balk1.gif" border="0" width="159" height="22"><img src="images/trainingsplangevolgd-balk1.gif" width="176" height="22"><img src="images/balk-blauw-leeg-22.gif" width="22" height="22"><img src="images/2-balk.gif" width="25" height="22"></td>
    </tr>
    </table>
    </div>
    </body>
    </html>
    [/code:1:dcda3908f1]
  • :D Eindelijk Henkz you did it. Bedankt. Ik kreeg het zelf dus niet voor elkaar. Dat komt er natuurlijk van met Frontpage. Je duikt dan zelf te weinig in de html code zel. Tenminste tot het fout gaat. :oops:
    Kan ik dat mooi ff eerste kerstdag op de server plaatsen.
    :wink:

Beantwoord deze vraag

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