Toon posts:

[Netscape/Internet] explorer layout (colspan?)

Pagina: 1
Acties:
  • 46 views sinds 30-01-2008

vrijdag 13 september 2002 22:52

Acties:
  • Gerwin
  • Registratie: Juli 2001
  • Laatst online: 08-06-2025

Gerwin

Ik ben er klaar voor!

Topicstarter
Ik heb de volgende code:

code:
1
2
3
4
5
6
7
8
9
10

<TABLE cellSpacing=0 cellPadding=0 border=0 width=230>
    <TR height=30>
            <TD bgcolor=red width=192>&nbsp;titel</TD>
            <TD align=right width=39 bgcolor=red>[img]"r.gif"[/img]</TD>
    </TR>
    <TR>
        <TD bgcolor=green colspan=2 width=190>aasdasdsadsjkl fj;dlsa jflksajf lksadjfl;jsadlfj ;sadlfj </td>
        <td></td>
    </tr>
</table>


Als ik deze in Internet Explorer draai dan krijg ik mooi een tabel met een inhoud van een tabel met colspan 2. Als ik deze echter in Netscape 7 doe dan lijkt dat de colspan niet werkt en schuift het hele verhaal op. Iemand enig idee wat dit veroorzaakt? :?

Station van Gerwin Prins op Apple Music

vrijdag 13 september 2002 22:56

Acties:
  • crisp
  • Registratie: Februari 2000
  • Laatst online: 00:07

crisp

Devver

Pixelated

Ja, je tabel klopt niet....
De eerste row heeft maar 1 td dus 1 cel (waarin weer een tabel staat, maar dat boeit niet); vervolgens heeft je 2e row 2 td's waarvan de eerste nog eens een colspan van 2 heeft, maakt 3 cellen...

Intentionally left blank

vrijdag 13 september 2002 22:57

Acties:
  • Gerwin
  • Registratie: Juli 2001
  • Laatst online: 08-06-2025

Gerwin

Ik ben er klaar voor!

Topicstarter
Sorry ik had 'm inderdaad iets fout, heb hem nu geedit, maar het probleem blijft...

Ik zal even posten zoals ik hem op de site heb staan ik roep kopjes aan doormiddel van de volgende functie:

code:
1

function kop(titel,kleur){h("<TABLE cellSpacing=0 cellPadding=0 border=0 width=230><TR height=30><TD bgcolor="+kleur+" colspan=1 width=192 class=kopje>&nbsp;"+titel+"</TD><TD align=right width=39 bgcolor="+kleur+" class=kopje>[img]\"r.gif\"[/img]</TD></TR><TR><TD class=body colspan=2 width=190>");}


het einde van de tabel schrijf ik zo:

code:
1

function eend(){h('</td><td valign=top align=right>&nbsp;</td></tr></table><br>');}

Station van Gerwin Prins op Apple Music

vrijdag 13 september 2002 22:59

Acties:
  • crisp
  • Registratie: Februari 2000
  • Laatst online: 00:07

crisp

Devver

Pixelated

tijd voor een cursus tabellen?

Intentionally left blank

vrijdag 13 september 2002 23:01

Acties:
  • Gerwin
  • Registratie: Juli 2001
  • Laatst online: 08-06-2025

Gerwin

Ik ben er klaar voor!

Topicstarter
crisp schreef op 13 september 2002 @ 22:59:
tijd voor een cursus tabellen?
Tabellen ken ik wel hoor. Ik heb gewoon de indruk dat ik iets over het hoofd zie. :)

Station van Gerwin Prins op Apple Music

vrijdag 13 september 2002 23:03

Acties:
  • crisp
  • Registratie: Februari 2000
  • Laatst online: 00:07

crisp

Devver

Pixelated

Gerwin schreef op 13 september 2002 @ 23:01:
[...]

Tabellen ken ik wel hoor. Ik heb gewoon de indruk dat ik iets over het hoofd zie. :)
Als je een colspan maakt moet je a) ervoor zorgen dat de width overeen komt met de totale width die je moet overspannen, en b) moet je dan die loze <td></td> weghalen uit de 2e rij.

Zo dus:
HTML:
1
2
3
4
5
6
7
8
9

<table cellspacing=0 cellpadding=0 border=0 width=230>
  <tr height=30>
    <td bgcolor=red width=192>&nbsp;titel</td>
    <td align=right width=39 bgcolor=red>[img]"r.gif"[/img]</td>
  </tr>
  <tr>
    <td bgcolor=green colspan=2 width=230>aasdasdsadsjkl fj;dlsa jflksajf lksadjfl;jsadlfj ;sadlfj </td>
  </tr>
</table>


ik zou toch nog maar even dat tuutje doornemen als ik jou was, want dit topic is echt te laag qua niveau voor dit forum

Intentionally left blank

vrijdag 13 september 2002 23:12

Acties:
  • Gerwin
  • Registratie: Juli 2001
  • Laatst online: 08-06-2025

Gerwin

Ik ben er klaar voor!

Topicstarter
Het lukt niet :(

Heb nu het volgende:

code:
1
2
3

function kop(titel,kleur){h("<TABLE cellSpacing=0 cellPadding=0 border=0 width=230><TR height=30><TD bgcolor="+kleur+" colspan=1 width=192 class=kopje>&nbsp;"+titel+"</TD><TD align=right width=39 bgcolor="+kleur+" class=kopje>[img]\"r.gif\"[/img]</TD></TR><TR><TD class=body colspan=2 width=230>");}

function eend(){h('</td></tr></table><br>');}


Internet Explorer geeft 'm wel juist, maar de r.gif wordt door Netscape buiten de tabel en dus als cel rechts erbuiten gezet.

Station van Gerwin Prins op Apple Music

vrijdag 13 september 2002 23:14

Acties:
  • Gerwin
  • Registratie: Juli 2001
  • Laatst online: 08-06-2025

Gerwin

Ik ben er klaar voor!

Topicstarter
crisp schreef op 13 september 2002 @ 23:03:
[...]

Als je een colspan maakt moet je a) ervoor zorgen dat de width overeen komt met de totale width die je moet overspannen, en b) moet je dan die loze <td></td> weghalen uit de 2e rij.

Zo dus:
HTML:
1
2
3
4
5
6
7
8
9

<table cellspacing=0 cellpadding=0 border=0 width=230>
  <tr height=30>
    <td bgcolor=red width=192>&nbsp;titel</td>
    <td align=right width=39 bgcolor=red>[img]"r.gif"[/img]</td>
  </tr>
  <tr>
    <td bgcolor=green colspan=2 width=230>aasdasdsadsjkl fj;dlsa jflksajf lksadjfl;jsadlfj ;sadlfj </td>
  </tr>
</table>


ik zou toch nog maar even dat tuutje doornemen als ik jou was, want dit topic is echt te laag qua niveau voor dit forum
Ik weet het, maar waarom werkt mijn javascript methode dan niet in Netscape?

Station van Gerwin Prins op Apple Music

vrijdag 13 september 2002 23:21

Acties:
  • crisp
  • Registratie: Februari 2000
  • Laatst online: 00:07

crisp

Devver

Pixelated

Gerwin schreef op 13 september 2002 @ 23:14:
[...]

Ik weet het, maar waarom werkt mijn javascript methode dan niet in Netscape?
Welke netscape? hier in Mozilla doet 'ie het prima...

Intentionally left blank

vrijdag 13 september 2002 23:23

Acties:
  • Gerwin
  • Registratie: Juli 2001
  • Laatst online: 08-06-2025

Gerwin

Ik ben er klaar voor!

Topicstarter
crisp schreef op 13 september 2002 @ 23:21:
[...]

Welke netscape? hier in Mozilla doet 'ie het prima...
Netscape 7.

Station van Gerwin Prins op Apple Music

vrijdag 13 september 2002 23:27

Acties:
  • crisp
  • Registratie: Februari 2000
  • Laatst online: 00:07

crisp

Devver

Pixelated

En gewoon mijn voorbeeldje in een documentje copy-pasten en openen in NS7; ziet het er dan wel goed uit?
Hoe ziet functie h er trouwens uit, en waar roep je die functies aan?

Intentionally left blank

vrijdag 13 september 2002 23:45

Acties:
  • Gerwin
  • Registratie: Juli 2001
  • Laatst online: 08-06-2025

Gerwin

Ik ben er klaar voor!

Topicstarter
Ik heb hier een stuk van de broncode:

HTML:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
 <head>
 
<title>website</title>



  <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
  <script language="javascript">
  <!--

sss="s=70&first=1"  //-->
  </script>
  <script type='text/javascript'>
//nieuwe partnerlinken
bb='&url=';
cc='  class=link>';
l='</'+'a></span><br>';

//schrijfregel
function h(a){document.write(a)}

//tabellen schrijven
function kop(titel,kleur){h("<TABLE cellSpacing=0 cellPadding=0 border=0 width=230><TR height=30><TD bgcolor="+kleur+" colspan=1 width=192 class=kopje>&nbsp;"+titel+"</TD><TD align=right width=39 bgcolor="+kleur+" class=kopje>[img]\"r.gif\"[/img]</TD></TR><TR><TD class=body colspan=2 width=230>");}

function eend(){h('</td></tr></table><br>');}
function nxt(){h('</td><td width=1 background="n.gif"></td><TD valign=top>');}
function rij(){h('</td></tr></table><table align=center width=750 cellpadding=0 cellspacing=0><TR><td width=10></td><td width=1 background="n.gif"></td><TD valign=top>');}
function blok(){h('</td></tr></table><table align=center width=750 cellpadding=0 cellspacing=0><TR height=30><td width=10></td><td width=1 background="n.gif"></td><TD valign=top>');}

</script>  
<style type="text/css">
a{font-weight:normal;font-family:arial,Helvetica,Arial;font-size:10pt;color:black;line-height:10pt}
.kopje,.titelpaars,.titelblauw,.titelgroen,.titeloranje,.titelrood,.titelbrown,.titelrose,.titelzwart{font-family:arial;font-size:10pt;line-height:12pt;color:white;font-weight:bold;height:18; text-transform : lowercase;}
.titelpaars{background:#993399}
.titelblauw{background:#666699}
.titelgroen{background:#669900}
.titeloranje{background:#ff9933}
.titelrood{background:#cc0000}
.titelbrown{background:#956A51}
.titelrose{background:#cc006e}
.titelzwart{background:#000000}
.link{font-family: Arial; font-size: 10pt;line-height:12pt; font-style: normal; font-weight: normal; font-variant: normal;  text-transform : lowercase;}
.body{display : block;background:#FFD991;width:225;font-family:Arial;font-size:10pt;line-height:10pt;   text-transform : lowercase;}
a:visited{color:#595959}
a:hover{color:firebrick}
</style></head>
<body bgcolor="#fffacd"  alink=black vlink=black link=black>
[img]"t.gif"[/img]
<base target="_blank">
<table align=center width=750 cellpadding=0 cellspacing=0><TR><td width=10></td><td width=1 background="n.gif"></td><TD valign=top>
<script type='text/javascript' src='20020914.js'></script>
<script type='text/javascript'>eend();nxt();</script>
<script type='text/javascript' src='20020913.js'></script>
<script type='text/javascript'>eend();nxt();</script>
<script type='text/javascript' src='20020912.js'></script>
<script type='text/javascript'>eend();blok();</script>
<script type='text/javascript' src='20020911.js'></script>
<script type='text/javascript'>eend();nxt();</script>
<script type='text/javascript' src='20020910.js'></script>
<script type='text/javascript'>eend();nxt();</script>
<script type='text/javascript' src='20020909.js'></script>
<script type='text/javascript'>eend();blok();</script>
<script type='text/javascript' src='20020908.js'></script>
<script type='text/javascript'>eend();nxt();</script>
<script type='text/javascript' src='20020907.js'></script>
<script type='text/javascript'>eend();nxt();</script>
<script type='text/javascript' src='20020906.js'></script>
<script type='text/javascript'>eend();</script>
</td></tr></table></td></tr></table></body></html>


Het is de bedoeling een pagina te hebben met 3 kolommen en een zwarte "naad" links langs de kolommen.

Station van Gerwin Prins op Apple Music

zaterdag 14 september 2002 00:04

Acties:
  • crisp
  • Registratie: Februari 2000
  • Laatst online: 00:07

crisp

Devver

Pixelated

Ik weet niet wat die 200209xx.js-jes verder nog toevoegen, maar ik zie ongeveer deze code eruit komen:
HTML:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

<TABLE cellSpacing=0 cellPadding=0 width=750 align=center>
  <TR>
    <TD width=10></TD>
    <TD width=1 background=n.gif></TD>
    <TD vAlign=top><SCRIPT src="20020914.js" type=text/javascript></SCRIPT></TD>
  </TR>
</TABLE>
<BR>
</TD>
<TD background="n.gif" width="1"></TD>
<TD valign="top"><SCRIPT src="20020913.js" type=text/javascript></SCRIPT></TD>
</TR>
</TABLE>

..etcetera...

</TD>
</TR>
</TABLE>
<BR>
</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>


Hier klopt dus echt *niets* van...

Intentionally left blank

zaterdag 14 september 2002 00:16

Acties:
  • Gerwin
  • Registratie: Juli 2001
  • Laatst online: 08-06-2025

Gerwin

Ik ben er klaar voor!

Topicstarter
Nou het werkt wel in Internet Explorer. Voor de duidelijkheid:

nxt() = de scheiding tussen de blokken
blok() = de volgende rij met blokken dus als het goed is na elke 3 blokken.

Wat klopt er niet?

Station van Gerwin Prins op Apple Music

zaterdag 14 september 2002 08:57

Acties:
  • Gerwin
  • Registratie: Juli 2001
  • Laatst online: 08-06-2025

Gerwin

Ik ben er klaar voor!

Topicstarter
Ik heb nog eens zitten klooien met de code heb het nu iets overzichtelijker misschien dat iemand me nu kan vertellen waarom de tabel wel goed komt in Internet Explorer maar niet in Netscape.


HTML:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54

<style>
.body{
    display: block;
    background:#FFD991;
    width:225;
    font-family:Arial;
    font-size:10pt;
    line-height:10pt;
    text-transform : lowercase
}
</style>
<table align=center width=750 cellpadding=0 cellspacing=0>
    <TR>
        <td width=10></td>
        <td width=1 background="n.gif"></td>
        <TD valign=top>
            <TABLE cellSpacing=0 cellPadding=0 border=0 width=230>
                <TR height=30>
                    <TD bgcolor="red" colspan=1 width=192 class=kopje>&nbsp;titel</TD>
                    <TD align=right width=39 bgcolor="red" class=kopje>[img]"r.gif"[/img]</TD>
                </TR>
                <TR>
                    <TD class=body colspan=2 width=230>inhoud van tabel</td>
                </tr>
            </table>
            <br>
        </td>
        <td width=1 background="n.gif"></td>
        <TD valign=top>
            <TABLE cellSpacing=0 cellPadding=0 border=0 width=230>
                <TR height=30>
                    <TD bgcolor="red" colspan=1 width=192 class=kopje>&nbsp;titel</TD>
                    <TD align=right width=39 bgcolor="red" class=kopje>[img]"r.gif"[/img]</TD>
                </TR>
                <TR>
                    <TD class=body colspan=2 width=230>inhoud van tabel</td>
                </tr>
            </table>
            <br>
        <td width=1 background="n.gif"></td>
        <TD valign=top>
            <TABLE cellSpacing=0 cellPadding=0 border=0 width=230>
                <TR height=30>
                    <TD bgcolor="red" colspan=1 width=192 class=kopje>&nbsp;titel</TD>
                    <TD align=right width=39 bgcolor="red" class=kopje>[img]"r.gif"[/img]</TD>
                </TR>
                <TR>
                    <TD class=body colspan=2 width=230>inhoud van tabel</td>
                </tr>
            </table>
            <br>
        </td>
    </tr>
</table><br>


Dit kun je copy and pasten in een file en opvragen in IE en NS. IE doet het wel, NS niet. Waarom? :?

[ Voor 0% gewijzigd door Gerwin op 14-09-2002 09:03 . Reden: file iets aangepast ]

Station van Gerwin Prins op Apple Music

zaterdag 14 september 2002 11:49

Acties:
  • crisp
  • Registratie: Februari 2000
  • Laatst online: 00:07

crisp

Devver

Pixelated

1) Let even op je css, probeer het gewoon eens zo:
HTML:
1
2
3
4
5
6
7
8

<style type="text/css">
.body {
    background:#FFD991;
    font-family:Arial;
    font-size:10pt;
    line-height:10pt;
    text-transform : lowercase
}

2) reken even mee met die geneste tabellen: 192+39=231 (had ik gisteren ook niet gezien ; )

Hiermee ziet hij er bij mee in Mozilla ook goed uit :)

Intentionally left blank

zaterdag 14 september 2002 19:21

Acties:
  • Gerwin
  • Registratie: Juli 2001
  • Laatst online: 08-06-2025

Gerwin

Ik ben er klaar voor!

Topicstarter
Ik krijg nu inderdaad in ieder geval die colspan goed, echter ik krijg nu in die balk van de titel waar rechts dus een plaatje komt te staan een boven- en ondermarge in die <TR> lijkt het. Hoe kan dat? Ik heb nu een ruimte van ongeveer 50 pixels in die rij, hierdoor blijven de letters in het midden staan en het plaatje ook. Dit is niet echt de bedoeling aangezien ik in het plaatje een afrondingshoekje heb staan.

Station van Gerwin Prins op Apple Music

zaterdag 14 september 2002 20:24

Acties:
  • Virtox
  • Registratie: December 2000
  • Laatst online: 11-08 10:24

Virtox

De rest moet ik nog even bekijken maar netscape gaat over het algemeen niet zo lekker om met
<td width=10></td>
beter is
<td width=10> </td>
Edit : gekeken, maar ik zie in NS 4.78 en NS 6.2 hetzelfde (op enkele hoogte marges na) het zelfde als in IE

Anything goes !!

zondag 15 september 2002 00:29

Acties:
  • crisp
  • Registratie: Februari 2000
  • Laatst online: 00:07

crisp

Devver

Pixelated

blijven proberen. Neem ook eens een CSS-tutorial door, en je komt er wel!
Ik vind dat ik hier al genoeg tijd aan besteed heb, dus laat ik het verder aan jou over om er wat moois van te maken :)

Intentionally left blank

zondag 15 september 2002 00:30

Acties:
  • Gerwin
  • Registratie: Juli 2001
  • Laatst online: 08-06-2025

Gerwin

Ik ben er klaar voor!

Topicstarter
MoodSwing schreef op 14 september 2002 @ 20:24:
De rest moet ik nog even bekijken maar netscape gaat over het algemeen niet zo lekker om met
<td width=10></td>
beter is
<td width=10> </td>
Edit : gekeken, maar ik zie in NS 4.78 en NS 6.2 hetzelfde (op enkele hoogte marges na) het zelfde als in IE
De marges links en rechts zijn ok nu. Alleen krijg ik dit nu:

code:
1
2
3
4
5
6
7
8
9

----------------------------------------------------------------------
|                |     |                |     |                |     |
|                |     |                |     |                |     |
|DIT IS DE TITEL |#####|DIT IS DE TITEL |#####|DIT IS DE TITEL |#####|
|                |     |                |     |                |     |
|                |     |                |     |                |     |
----------------------------------------------------------------------
|                |     |                |     |                |     |
|                |     |                |     |                |     |


Zoals je ziet zijn de marges boven en onder het plaatje en de tekst erg groot. Dit moet niet.

Station van Gerwin Prins op Apple Music

zondag 15 september 2002 00:31

Acties:

Verwijderd

Ik ben het helemaal met crisp eens, er kan je een hoop verteld worden, maar uiteindelijk moet je het zelf doen, en begrijpen. Succes ermee :)
Pagina: 1

Dit topic is gesloten.