Toon posts:

[Dreamweaver / HTML] Hoe Lagen in een tabel plaatsen

Pagina: 1
Acties:

dinsdag 15 oktober 2002 18:04

Acties:

Verwijderd

Topicstarter
Zo als de vraag luid:

Hoe plaats ik een Layer in een tabel, zo dat de layer in de tabel blijft staan als de tabel over het scherm beweegt ?

Ik werk met Dreamweaver MX.

Bedankt alvast !

dinsdag 15 oktober 2002 19:14

Acties:

Verwijderd

Graag je vraagstelling iets verduidelijken :) Als je 'layer' (whatever that might be, <layer> of <div> of iets anders) relatief is gepositioneerd ten opzichte van je tabel die je wilt laten bewegen of gewoon geen positioneringscoördinaten meegegeven hebt (lol, po-si-ti-o-ne-rings-co-or-di-na-ten :D) moet het gewoon werken zoals jij wilt :)

in other words: als je 'layer' niet absoluut gepositioneerd is moet er niets aan het handje zijn :)

donderdag 17 oktober 2002 14:06

Acties:

Verwijderd

Topicstarter
Ik heb even een voorbeeldje gemaakt voor de duidelijkhijd het is vinden op: http://www.multimedia-4u.nl/proef.htm

Nu wil ik dus dat b.v die laag gewoon met de tabel mee verschijft als je, je browser window verkleint bijvoorbeeld.

donderdag 17 oktober 2002 14:21

Acties:
  • Hangloozz
  • Registratie: Juli 1999
  • Laatst online: 13-07 17:24

Hangloozz

{ @$%&# }

daar is een css truuc voor nodig.
Let op de comments in het style-block.
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

<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
<style type="text/css">

#Layer1{
        position:absolute; 
        width:192px; 
        height:117px; 
        z-index:1; 
        background-color: #FF0000; 
        layer-background-color: #FF0000; 
        border: 1px none #000000; 
        left: 50%; /*dit doet samen met de margin-left de truc*/
        top: 118px;
        margin-left: -96px;/*deze waarde moet op de helft van je layerbreedte staan*/ 
        }

</style>
</head>

<body>
<div id="Layer1"><strong>Laag</strong></div>
<table width="100%" height="272"  border="0" cellpadding="0" cellspacing="0">
 <tr> 
  <td><table width="612" height="296" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr> 
     <td valign="top" bgcolor="#0000FF">Tabel</td>
     <td valign="top" bgcolor="#00FFFF">Tabel</td>
     <td valign="top" bgcolor="#0000FF">Tabel</td>
    </tr>
   </table>
   <div align="center"></div></td>
 </tr>
</table>
</body>
</html>

www.jurgroessen.nl

donderdag 17 oktober 2002 14:23

Acties:
  • TheDjasp
  • Registratie: Juni 2001
  • Laatst online: 26-06 08:16

TheDjasp

het wordt toch niks

code:
1

style="position:absolute; left: 393px; top: 118px;

[edit]
* TheDjasp kijkt verbaast naar Hangloozz' post. Snap ik het probleem niet of denk jij te moeilijk :) ??

Omdat het KAN, HOEFT het nog niet!
I haven't been ignoring you; I've been prioritizing you. Hanglooz; "chromeless windows en fullscreen zuigen allebei als een 1600Watt Nilfisk"
logt nu ook

donderdag 17 oktober 2002 14:26

Acties:
  • Hangloozz
  • Registratie: Juli 1999
  • Laatst online: 13-07 17:24

Hangloozz

{ @$%&# }

jij denkt te makkelijk... ;)

het is de bedoeling dat die rode div mee schuift met de tabel als je je window in de breedte resized..

maareh, misschien kan het idd eenvoudiger dan ik dacht :/

www.jurgroessen.nl

donderdag 17 oktober 2002 14:30

Acties:
  • TheDjasp
  • Registratie: Juni 2001
  • Laatst online: 26-06 08:16

TheDjasp

het wordt toch niks

Buiten het feit dat de tabel een beetje gef*cked wordt nou, doet dit het toch ook?

[edit]
mmm....

Omdat het KAN, HOEFT het nog niet!
I haven't been ignoring you; I've been prioritizing you. Hanglooz; "chromeless windows en fullscreen zuigen allebei als een 1600Watt Nilfisk"
logt nu ook

donderdag 17 oktober 2002 14:32

Acties:
  • Hangloozz
  • Registratie: Juli 1999
  • Laatst online: 13-07 17:24

Hangloozz

{ @$%&# }

ja, zo kan ik het ook: je plempt gewoon die div in een cel; dan moet ie wel mee..

nee, hij moet als een standalone div het gedrag van de tabel nabootsen :)

www.jurgroessen.nl

donderdag 17 oktober 2002 14:34

Acties:

Verwijderd

Topicstarter
Dank je wel ! Ik wist niet dat dat dan met CSS moest weer wat geleerd :d

donderdag 17 oktober 2002 14:38

Acties:
  • TheDjasp
  • Registratie: Juni 2001
  • Laatst online: 26-06 08:16

TheDjasp

het wordt toch niks

nee, hij moet als een standalone div het gedrag van de tabel nabootsen :)
Jaaah.. _zo_ had ik dat niet gelezen.

Tja, dan moet je het inderdaad de hard way doen.

Goed, dan heb ik hier een paar vragen over:

* Als hij dan toch met tabellen werkt, wat is dan het voordeel om de content in een laag te zetten, ipv direct in de cel?

*Als hij perse een div moet hebben, waarom dan in het begin van de code en niet IN de cel?

Omdat het KAN, HOEFT het nog niet!
I haven't been ignoring you; I've been prioritizing you. Hanglooz; "chromeless windows en fullscreen zuigen allebei als een 1600Watt Nilfisk"
logt nu ook

donderdag 17 oktober 2002 14:55

Acties:
  • Hangloozz
  • Registratie: Juli 1999
  • Laatst online: 13-07 17:24

Hangloozz

{ @$%&# }

Hmm de topictitel is "Hoe Lagen in een tabel plaatsen" dat zou betekenen dat jouw oplossing ook mag :)

Als je een losse div naast je tabel hebt, dan zou je daar bijv. een achtergrondimage in kunnen plempen of de layer gebruiken voor content wat eenvoudig te editten is zodat je niet in de tabel hoeft te wroeten.
Moet je wel met z-indexen gaan werken.

Waarom de div naast en niet in de cel?
In principe is het gedrag van een div in een cel gelijk aan een div buiten de tabel mits uit gegaan van een absolute positie.
Voordelen buiten overzichtelijkheid en de mogelijkheid de cel voor iets anders te gebruiken weet ik ff niet.. :)

www.jurgroessen.nl

donderdag 17 oktober 2002 14:55

Acties:

Verwijderd

TheDjasp schreef op 17 oktober 2002 @ 14:38:
[...]

* Als hij dan toch met tabellen werkt, wat is dan het voordeel om de content in een laag te zetten, ipv direct in de cel?
In een cel kun je niet scrollen en dat is heel vervelend als je bijvoorbeeld een tekst hebt die precies over een plaatje in je je tabel moet passen (is moeilijk uit te leggen)

donderdag 17 oktober 2002 15:04

Acties:
  • TheDjasp
  • Registratie: Juni 2001
  • Laatst online: 26-06 08:16

TheDjasp

het wordt toch niks

Hangloozz zei:
...voor content wat eenvoudig te editten is zodat je niet in de tabel hoeft te wroeten.
Ah, ik was al bang dat er weer een of andere regel was waar ik niet van op de hoogte was...
en MaStEr[D] voegde er dit aan toe...:
In een cel kun je niet scrollen
True, daar had ik idd overheen gedacht :)

Omdat het KAN, HOEFT het nog niet!
I haven't been ignoring you; I've been prioritizing you. Hanglooz; "chromeless windows en fullscreen zuigen allebei als een 1600Watt Nilfisk"
logt nu ook

vrijdag 18 oktober 2002 17:02

Acties:

Verwijderd

Topicstarter
Nog een vraagje, als ik nu bijvoorbeeld mijn tabel naar onder zal verplaatsen <BR>, hoe kan ik dan instellen dat mijn laag ook automatisch een break mee verplaatst ?

Bedankt alvast !

vrijdag 18 oktober 2002 17:17

Acties:
  • Hangloozz
  • Registratie: Juli 1999
  • Laatst online: 13-07 17:24

Hangloozz

{ @$%&# }

dan moet je um in de cel plaatsen :)

anders is d'r denk wat scripting nodig....

www.jurgroessen.nl

Pagina: 1
Reageer