Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

Probleem met tabellen onder niet ie browsers

Anoniem
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.