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)

Probleem met tabellen onder niet ie browsers

mozbrowser.nl
5 antwoorden
  • Ik heb mijn website wat aangepast met tabellen. Alleen met netscape komen er grote ruimtes tussen.
    Kijk zelf maar:
    [img:404bd6d102]http://home.zonnet.nl/femke.wartna/ie.gif[/img:404bd6d102]
    ^^^Internet Explorer
    [img:404bd6d102]http://home.zonnet.nl/femke.wartna/netscape.gif[/img:404bd6d102]
    ^^^Netscape
    Je ziet ook dat de ruimtes onregelmatig zijn, maar in de broncode zijn ze allemaal hetzelfde.
    Hier is de broncode:
    [code:1:404bd6d102]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>

    <head>
    <script>

    function hidestatus(){
    window.status=''
    return true
    }

    if (document.layers)
    document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT)

    document.onmouseover=hidestatus
    document.onmouseout=hidestatus
    </script>
    <script>
    <!–
    if (window.Event)
    document.captureEvents(Event.MOUSEUP);
    function nocontextmenu()
    {
    event.cancelBubble = true
    event.returnValue = false;
    return false;
    }
    function norightclick(e)
    {
    if (window.Event)
    {
    if (e.which == 2 || e.which == 3)
    return false;
    }
    else
    if (event.button == 2 || event.button == 3)
    {
    event.cancelBubble = true
    event.returnValue = false;
    return false;
    }
    }
    document.oncontextmenu = nocontextmenu;
    document.onmousedown = norightclick;
    function disableselect(e){
    return false
    }
    function reEnable(){
    return true
    }
    document.onselectstart=new Function ("return false")
    if (window.sidebar){
    document.onmousedown=disableselect
    document.onclick=reEnable
    }

    //–>
    </script>
    <title>Welkom op Java Games - Speel online javascript games</title>
    <style type="text/css">
    <!– Scrollbar begin –>
    body
    {
    scrollbar-arrow-color: #FFCC00;
    scrollbar-track-color: #FFCC00;
    scrollbar-face-color: #003366;
    scrollbar-shadow-color: #FFCC00;
    scrollbar-highlight-color: #FFCC00;
    scrollbar-darkshadow-color: #FFCC00;
    scrollbar-3dlight-color: #FFCC00
    }
    <!– Scrollbar einde –>
    </style>
    <base target="inhoud">
    </head>

    <body topmargin="0" link="#FFCC00" vlink="#FFCC00" alink="#FFCC00" bgcolor="#FFCC00" text="#FFCC00">

    <table cellspacing="0" cellpadding="0" width="1" border="0">
    <tr>
    <td width="730">
    <table cellspacing="0" cellpadding="0" width="103%" border="0">
    <tr>
    <td bgcolor="#003366"><img height="10" src="images/clear.gif" width="103%"></td>
    </tr>
    </table>

    <table cellspacing="0" cellpadding="0" width="103%" bgcolor="#003366" border="0">
    <tr>
    <td valign="center" width="35%"><font face="Arial"><font face="Arial" size="3" color="#ffffff">&nbsp;</font><b><font color="#ffffff" face="Arial" size="5">Java
    Games</font></b><font color="#FFFFFF"></font></font></td>
    <td valign="bottom" width="25%" align="center"><font color="#FFCC00" size="1" face="Arial">©
    2004 Sybren Wartna</font></td>
    </tr>
    <tr>
    <td align="left"><font size="1" color="#FFFFFF" face="Arial">&nbsp;Speel
    online javascript games</font></td>

    <td align="left">
    <p align="center">
    <script language="JavaScript1.2">
    var mydate=new Date()
    var year=mydate.getYear()
    if(year<2000)
    year="19"+year
    var day=mydate.getDay()
    var daym=mydate.getDate()
    var month=mydate.getMonth()
    if(daym<10)
    daym="0"+daym
    var dayarray=new Array("Zondag","Maandag","Dinsdag","Woensdag","Donderdag","Vrijdag","Zaterdag")
    var montharray=new Array("Januari","Februari","Maart","April","Mei","Juni","Juli","Augustus","September","Oktober","November","December")
    document.write("<font color='FFCC00' face='Arial' size=1>"+dayarray[day]+" "+daym+" "+montharray[month]+", "+year+"</font>")
    </script></p>
    </td>
    </tr>
    </table>
    </td>
    </tr>
    <tr>

    <td width="730">
    <table height="1" cellspacing="0" cellpadding="0" width="559" border="0">
    <tr>
    <td valign="top" align="left" width="153" bgcolor="#003366" height="1" border="0">
    <table cellspacing="0" cellpadding="0" border="0">
    <tr>
    <td><br>
    <table width="144" border="0" height="226">
    <tr>

    <td width="7" align="right" height="18"><img border="0" src="images/home1.gif" width="16" height="16"></td>
    <td width="123" height="18">
    <p align="left"><font face="Arial" size="2"><a href="home.htm" onfocus="this.blur()">Home</a></font></p>
    </td>
    </tr>
    <tr>
    <td width="7" align="right" height="18"><img border="0" src="images/info.gif" width="16" height="16"></td>
    <td width="123" height="18"><font face="Arial" size="2"><a href="pages/info_website.htm" onfocus="this.blur()">Info
    website</a></font></td>

    </tr>
    <tr>
    <td width="7" align="right" height="18"><img border="0" src="images/copyright1.gif" width="16" height="16"></td>
    <td width="123" height="18"><font face="Arial" size="2"><a href="pages/copyrights.htm" onfocus="this.blur()">Copyrights</a></font></td>
    </tr>
    <tr>
    <td width="130" align="left" height="18" colspan="2">
    <hr size="1" color="#FFCC00">

    </td>
    </tr>
    <tr>
    <td width="7" align="right" height="18"><img border="0" src="images/mapje_open.gif" width="16" height="16"></td>
    <td width="123" height="18">
    <p align="left"><b><font face="Arial" color="#FFCC00" size="2">Categorieën</font></b></p>
    </td>
    </tr>

    <tr>
    <td width="7" align="right" height="18"><img border="0" src="images/mapje_dicht.gif" width="16" height="16"></td>
    <td width="123" height="18"><font face="Arial" size="2"><a href="pages/classic.htm" onfocus="this.blur()">Classic</a></font></td>
    </tr>
    <tr>
    <td width="7" align="right" height="18"><img border="0" src="images/mapje_dicht.gif" width="16" height="16"></td>
    <td width="123" height="18">
    <p align="left"><font face="Arial" color="#FFCC00" size="2"><a href="pages/diversen.htm" onfocus="this.blur()">Diversen</a></font></p>

    </td>
    </tr>
    <tr>
    <td width="7" align="right" height="18"><img border="0" src="images/mapje_dicht.gif" width="16" height="16"></td>
    <td width="123" height="18">
    <p align="left"><font face="Arial" size="2"><a href="pages/fun.htm" onfocus="this.blur()">Fun</a></font></p>
    </td>
    </tr>

    <tr>
    <td width="7" align="right" height="18"><img border="0" src="images/mapje_dicht.gif" width="16" height="16"></td>
    <td width="123" height="18">
    <p align="left"><font face="Arial" size="2"><a href="pages/getallen.htm" onfocus="this.blur()">Getallen</a></font></p>
    </td>
    </tr>
    <tr>
    <td width="7" align="right" height="18"><img border="0" src="images/mapje_dicht.gif" width="16" height="16"></td>

    <td width="123" height="18"><font face="Arial" color="#FFCC00" size="2"><a href="pages/shooters.htm" onfocus="this.blur()">Shooters</a></font></td>
    </tr>
    <tr>
    <td width="7" align="right" height="18"><img border="0" src="images/mapje_dicht.gif" width="16" height="16"></td>
    <td width="123" height="18">
    <p align="left"><font face="Arial" size="2"><a href="pages/test.htm" onfocus="this.blur()">Tests</a></font></p>
    </td>
    </tr>

    <tr>
    <td colspan="2" height="2"></td>
    </tr>
    </table>
    </td>
    </tr>
    </table>
    </td>
    <td valign="top" align="left" width="54" height="0"><img border="0" src="images/top.gif" width="30" height="34"></td>

    <td valign="top" align="left" width="911" height="1"><br>
    <iframe name="inhoud" SRC="home.htm" scrolling="auto" height="465" width="580" FRAMEBORDER="0"></iframe>
    </td>
    </tr>
    </table>
    </td>
    </tr>
    </table>

    </body>

    </html>
    [/code:1:404bd6d102]
    Je kunt het helemaal bekijken op: www.java-games.be.tt
    Wie kan mij hiermee helpen?
    //BTW: zeg niet dat ik IE moet gaan gebruiken.
  • [quote:1bed805339="sybren"]//BTW: zeg niet dat ik IE moet gaan gebruiken.[/quote:1bed805339]

    Nee, doe maar Firefox ;)

    Verder werkt je link hier niet..
  • In alle cellen die te hoog zijn staat de link in een <p> tag, haal die maar weg en een beetje meer css kan geen kwaad.


    wimb
  • 1. Site is easy om te zetten naar CSS

    2. kun je volgende keer een link zetten ofzo. 'k scroll me het apezuur :cry:
  • Je gebruikt tenminste mozilla :D:D:D! Doet me goed, de <p> tags kunnen wat veroorzaken. Het beste is het via CSS te doen en dan "display: block;" neer te zetten.

    Ow, en by the way, ik gebruik FireFox 0.8 (lekker snel :D) en hier doet hij het prima! (res. 1024 x 768)

Beantwoord deze vraag

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