Toon posts:

div span layers tabel wil maar niet werken

Pagina: 1
Acties:

vrijdag 12 april 2002 17:57

Acties:
  • smaij
  • Registratie: November 2000
  • Laatst online: 07:22

smaij

Topicstarter
Ik ben mijn broer effe helpen met zijn layout, en ik zit dus in zijn huidige code te werken.. daar zitten dus ook tabelletjes in. Zoals het nu is, is het te bewonderen op http://makingbones.dnsalias.net/blursound/nieuweinfo.htm maar zoals je kan zien werkt het niet goed
Hoe kan ik de tabel toch wel bovenaan krijgen.. :? want zoals het nu is, is het natuurlijk niet de bedoeling

zaterdag 13 april 2002 09:00

Acties:
  • smaij
  • Registratie: November 2000
  • Laatst online: 07:22

smaij

Topicstarter
code:
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
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104

<html>
<head>
<title></title>
<STYLE TYPE="text/css">
<!--
    A.menu:link {color:"#604B9C"; text-decoration:none;}
    A.menu:visited {color:"#604B9C"; text-decoration:none;}
    A.menu:hover {color:"#C0C0C0"; text-decoration:none;}

      A.border:link {color:"#C0C0C0"; text-decoration:none;}
    A.border:visited {color:"#C0C0C0"; text-decoration:none;}
    A.border:hover {color:"#FFFFFF"; text-decoration:none;}

    A:link {color:"#C0C0C0"; text-decoration:none;}
    A:visited {color:"#C0C0C0"; text-decoration:none;}
    A:hover {color:"#604B9C"; text-decoration:none;}
-->
#divUp   {position:relative; left:170px; top:150px;}
#divDown {position:relative; left:170px; top:420px;}
#divScrollTextCont {position:relative; left:0px; top:0px; width:400px; height:200px; clip:rect(0px 300px 150px 0px); overflow:hidden; visibility:hidden;}
#divText {position:absolute; left:0px; top:0px;} 
</style>
<script language="JavaScript" type="text/javascript">
/**********************************************************************************   
ScrollText 
*   Copyright (C) 2001 <a href="/dhtmlcentral/thomas_brattli.asp">Thomas Brattli</a>
*   This script was released at DHTMLCentral.com
*   Visit for more great scripts!
*   This may be used and changed freely as long as this msg is intact!
*   We will also appreciate any links you could give us.
*
*   Made by <a href="/dhtmlcentral/thomas_brattli.asp">Thomas Brattli</a> 
*********************************************************************************/
 !!!KNIP!!!
</script>
</head>

<body bgcolor="#990000" topmargin="0">
<div align="center">
 <div style="position:relative; left:0; top:0; width:400"> 
  <span style="position:absolute; left:0; top:435">
  <font color="#FFFFFF"><a href="index.html">Home</a></font>
  <font color="#FFFFFF"><a class=menu href="index.html">TEST</a></font>
  </span>
 </div>
 <div style="position:relative; left:0; top:0; width:0"> 
  <span style="position:absolute; left:160; top:150">
   <a href="#" onmouseover="scroll(-7)" onmouseout="noScroll()" onclick="return false">[UP]</a>
  </span>
 </div>
 <div style="position:relative; left:0; top:0; width:0"> 
  <span style="position:absolute; left:160; top:400">
   <a href="#" onmouseover="scroll(7)" onmouseout="noScroll()" onclick="return false">[DOWN]</a>
  </span>
 </div>

 <div style="position:relative; left:0; top:0; width:400; height:200"> 
  <span id="divText">
        <p>News: <br>
        test text test text test text test text test text test text<br><br>
        test text test text test text test text test text test text<br>
        test text test text test text test text test text test text<br>
        test text test text test text test text test text test text<br>
        test text test text test text test text test text test text<br></p>
        <p>
        test text test text test text test text test text test text<br>
        test text test text test text test text test text test text<br>
        test text test text test text test text test text test text<br><br>
        test text test text test text test text test text test text<br>
        test text test text test text test text test text test text - END</p>
  </span>
 </div>
 <div style="position:relative; left:0; top:0; width:400; height:200"> 
 <table border="1" height="386" bordercolor="#000000" bgcolor="#000000" width="546">
   <tr>
     <td width="145" height="102">
     <p align="center"><a href="nieuweinfo.htm">[img]"onder.4.jpg"[/img]</a></td>
     <td width="412" height="102">
     <p align="center">[img]"boven.1.gif"[/img]</td>
     <td width="90" height="102">
     <p align="center">[img]"onder.5.jpg"[/img]</td>
   </tr>
   <tr>
     <td width="145" height="202">
     <p align="center">[img]"newimi/borderdown.gif"[/img]</p>
     </td>
     <td width="412" height="202">
     <p align="center">[img]"onder.4_copy.jpg"[/img]</td>
     <td width="90" height="202">
     <p align="center">[img]"newimi/borderdown.gif"[/img]</p>
     </td>
   </tr>
   <tr>
     <td width="145" height="64">
     <p align="center"><a href="nieuwefoto.htm">[img]"onder.7.jpg"[/img]</a></td>
     <td width="412" height="64">[img]"boven.1_copy1.gif"[/img]</td>
     <td width="90" height="64">
     <p align="center"><a href="mailto:blacksnow@planet.nl">[img]"onder.6.jpg"[/img]</a></td>
   </tr>
 </table>
 </div>
</div>
</body>
</html>

Is het zo duidelijker? ik kom er maar niet uit. ik snap niet waarom de tabel niet netjes bovenaan wil staan? :?

zaterdag 13 april 2002 09:20

Acties:
  • RM-rf
  • Registratie: September 2000
  • Laatst online: 12:08

RM-rf

1 2 3 4 5 7 6 8 9

<div style="position:relative; left:0; top:0; width:400; height:200">

dat betekent relatief aan eerder geplaatste content.

wil je een positie van left: 0 en top:0 tov de linkerbovenhoek hebben, dan moet je position:absolute; opgeven

Intelligente mensen zoeken in tijden van crisis naar oplossingen, Idioten zoeken dan schuldigen

zaterdag 13 april 2002 09:22

Acties:
  • paragon
  • Registratie: April 2000
  • Laatst online: 05:50

paragon

Ik denk dat het helpt om aan de betreffende divs een position:absolute; mee te geven voor de rest is het allemaal voor de hand liggend :)

zaterdag 13 april 2002 09:42

Acties:
  • smaij
  • Registratie: November 2000
  • Laatst online: 07:22

smaij

Topicstarter
code:
1
2

<div align="center">
 <div style="position:relative; left:0; top:0; width:400">

Lijkt me duidelijk dat ik relative gebruikt om zo het geheel te kunnen centreren door de eerder genoemde div. Deze werken, zodra de tabel erbij komt en ik die verwijs naar de stylesheet dan werkt het somehow niet goed meer :?

zaterdag 13 april 2002 10:38

Acties:
  • paragon
  • Registratie: April 2000
  • Laatst online: 05:50

paragon

Zoals hierboven al vermeld staat betekent relative relatiif aan het vorige html element dus lls je die table bove aan wilt hebben kan je hem ook boven aan in de code zetten. anders moet je alles weer in een gecentreerde div stoppen en van daaruit werken.

zaterdag 13 april 2002 14:00

Acties:
  • smaij
  • Registratie: November 2000
  • Laatst online: 07:22

smaij

Topicstarter
Dat lost het probleem toch niet op.. dan staat mijn tabel wel bovenaan, maar die andere layer moet bovenop die tabel, en dus niet eronden.. En ik gebruik div align om alles te centeren, daarom gebruik ik dus relative, omdat ik in die div nieuwe divs maak. wat bedoel je nou?

zaterdag 13 april 2002 16:33

Acties:
  • smaij
  • Registratie: November 2000
  • Laatst online: 07:22

smaij

Topicstarter
Op zaterdag 13 april 2002 10:38 schreef paragon het volgende:
Zoals hierboven al vermeld staat betekent relative relatiif aan het vorige html element dus lls je die table bove aan wilt hebben kan je hem ook boven aan in de code zetten. anders moet je alles weer in een gecentreerde div stoppen en van daaruit werken.
maar hoe bedoel je dat dan? dat je in je tabel relative divs stops? :?
dat kan niet met netscape, want die had dan een error

zaterdag 13 april 2002 20:42

Acties:
  • smaij
  • Registratie: November 2000
  • Laatst online: 07:22

smaij

Topicstarter
lama.. heb de tabel maar herschreven in spans, aangezien dat dan wel weer werkt ofzo.. thx voor de magere hulp die er was

zaterdag 13 april 2002 21:22

Acties:
  • Croccifixio
  • Registratie: Maart 2002
  • Laatst online: 01-04-2025

Croccifixio

Op zaterdag 13 april 2002 20:42 schreef smaij het volgende:
lama.. heb de tabel maar herschreven in spans, aangezien dat dan wel weer werkt ofzo.. thx voor de magere hulp die er was
Ik heb ook eff gekeken, maar ik begrijp niet helemaal wat het probleem is.
Je wilt de tabel bovenaan hebben, ik zou zeggen plaats de div-tag met de table erin dan vóór de div-tag met de andere spullen.
Waar wil je de tekst dan verder plaatsen?

Maak desnoods eff een schetsje van het geheel in paint.

zaterdag 13 april 2002 22:47

Acties:
  • smaij
  • Registratie: November 2000
  • Laatst online: 07:22

smaij

Topicstarter
BEDTIJD VOOR MIJ (foutje dus)

zaterdag 13 april 2002 22:48

Acties:
  • smaij
  • Registratie: November 2000
  • Laatst online: 07:22

smaij

Topicstarter
uhmm.. zoals ik het wou hebben staat op
http://makingbones.dnsalias.net/blursound/nieuweinfo.htm

de oude heb ik dus wel overschreven daarmee... dus dan heb je geen vergelijking meer.. maar tekst moest dus over de tabel heen, en de tabel moest dus wel bovenaan blijven staan.. en nu was het probleem steeds dat somehow de tabel of de text niet over elkaar heen konden staan.. en dat was met de tabel die boven getoond werd

Ik heb de tijd en moeite maar genomen om de tabel in spans te schrijven... (mijn broer is teveel frontpage gewent *zucht)

edit:
link aangepast

zondag 14 april 2002 18:30

Acties:
  • Croccifixio
  • Registratie: Maart 2002
  • Laatst online: 01-04-2025

Croccifixio

Op zaterdag 13 april 2002 22:48 schreef smaij het volgende:
uhmm.. zoals ik het wou hebben staat op
http://makingbones.dnsalias.net/blursound/nieuweinfo.htm

de oude heb ik dus wel overschreven daarmee... dus dan heb je geen vergelijking meer.. maar tekst moest dus over de tabel heen, en de tabel moest dus wel bovenaan blijven staan.. en nu was het probleem steeds dat somehow de tabel of de text niet over elkaar heen konden staan.. en dat was met de tabel die boven getoond werd

Ik heb de tijd en moeite maar genomen om de tabel in spans te schrijven... (mijn broer is teveel frontpage gewent *zucht)

edit:
link aangepast
Volgens mij ligt het aan de container:
code:
1
2
3
4

[...]
<div align="center">
[...]
</div>

Waarom weet ik niet, maar als je het volgende probeert, krijg je hetzelfde probleem (het maakt niet uit of je bij de inline layers div of span gebruikt):
code:
1
2
3
4
5
6
7
8

<div id="centerDiv" align="center">
<span style="position:relative; top:10; zindex:1">
<p>Dit is de div met zIndex 1, de onderste div.</p>
</span>
<span style="position:relative;top:10; zindex:2">
<p>Dit is de div met zIndex 2, de bovenste div.</p>
</span>
</div>

Ook nu worden de twee layers onder elkaar geplaatst, terwijl bij het weglaten van de container centerDiv de layers wel netjes op elkaar worden geplaatst.

Kennelijk een featurebug van HTML 4.0

maandag 15 april 2002 16:39

Acties:
  • smaij
  • Registratie: November 2000
  • Laatst online: 07:22

smaij

Topicstarter
yeah, dat zal dan wel.. ik heb trouwens nog geen doctype erin zitten zie ik.. maarja, niks aan te doen

ik kwam ook het volgende tegen voor het scrollen, zonder scrollbars
code:
1

#divScrollTextCont {position:relative; left:0px; top:0px; width:400px; height:200px; clip:rect(0px 300px 150px 0px); overflow:hidden; visibility:hidden;}

die clip:rect kan je gewoon weghalen eigenlijk... das toch dom, dat men dat erin bouwt, werkt erg irritant, dit had ik namelijk van dhtmlbuilder. Ik heb het nu zowieso nou weer met scrollbars gemaakt, want dat staat mooier op die website.. Thx voor de reply btw
Pagina: 1
Reageer