[html] Tabel laten opvullen. - Softwareontwikkeling

vrijdag 24 oktober 2003 16:36

Acties:

Verwijderd

Topicstarter

Hallo,

zie: http://www.[snip].nl/voorbeeld.htm (dit is een voorbeeld)

Op deze pagina staan mijn voorwaarden die nog meer uitgebreid worden.
Het probleem is alleen, als mijn voorwaarden langer worden dat zijn mijn tabellen niet meer netjes aan de linker kant... ze rekken ALLEMAAL uit dan.

Wat ik dus wil is dat alleen de onderste tabel bv. uitrekt zodat de andere 6 netjes blijven.

Als laatste tabel heb ik het volgende geprobeerd:

[html]
<tr>
<td width=140 height=100% bgcolor=ffffff valign=top>lala</td>
</tr>
[/html]

maar dit werkt dus niet...

Met height=100% dacht ik het rekken in de andere 6 tabellen te voorkomen mwwar dat doet hij niet ook height=* werkt niet... maar dat dacht ik al

Kan iemand mij verder helpen?

Vriendelijke groet JorJor

edit:

.modbreak
niet erg frisse site en een beetje 18+ enzo. Maak even een voorbeeldje met wat platte HTML, ajb

[ Voor 27% gewijzigd door drm op 24-10-2003 17:50 ]

vrijdag 24 oktober 2003 16:41

Acties:

crisp

Devver

Pixelated

1 woord: nesten
juist doordat je met zoveel colspans en rowspans werkt doet je browser maar een beetje een gok.
Nog beter is echter om voor je layout geen tabellen te gebruiken - in deze opzet zou je het makkelijk met layers moeten kunnen doen.

Intentionally left blank

vrijdag 24 oktober 2003 16:42

Acties:

André

Analytics dude

Ik zie niet wat je bedoelt, alles ziet er goed uit op die voorbeeld.htm.

vrijdag 24 oktober 2003 16:47

Acties:

Verwijderd

Topicstarter

André schreef op 24 oktober 2003 @ 16:42:
Ik zie niet wat je bedoelt, alles ziet er goed uit op die voorbeeld.htm.

Wat ik bedoel is: als mijn grote tabel (voorwaarden: bla bla bla) langer wordt dan het totaal van de 6 linker tabellen dan gaan die oprekken procentueel krijgen ze dan allemaal een stukje hoogte mee.

en dat moet juist niet. ik wil dat al die ruimte maar mijn onderste tebel aan de linker kant gaat... ik hoop dat jullie het nu snappen.

O,jah.... layer lijkt mij niet zoon goed idee ik denk dat dit probleem makkelijker is met tabellen.

vrijdag 24 oktober 2003 16:50

Acties:

sjaakaq

It might get loud

Als je nu alle linkse tabellen ene absolute hoogte geeft op de onderste na...dan zal het wel goed komen toch?

BTW: is dat écht jouw site? Je ontmoet nog eens mensen via het internet!

[ Voor 26% gewijzigd door sjaakaq op 24-10-2003 16:51 ]

leoaq.fm // Jeune Loop

vrijdag 24 oktober 2003 16:51

Acties:

Dr_Frickin_Evil

Ik heb in een site van mij ongeveer dezelfde indeling. Ik heb dat dus met divjes gedaan, en dat werkt echt prima, veel makkelijker en netter vind ik.

Oeps, was wat vergeten.

[ Voor 24% gewijzigd door Dr_Frickin_Evil op 24-10-2003 16:55 ]

vrijdag 24 oktober 2003 17:04

Acties:

Dr_Frickin_Evil

Tuurlijk, het komt hierop neer:

code:

<div class="menu" id="menus">
  <div class="menuheader">Menu 1</div>
  <div class="menucontent">
    <div>1e item</div>
    <div>2e item</div>
    <div>3e item</div>
  </div>
  
  <div class="menuheader">Menu 2</div>
  <div class="menucontent">
    <div>1e item</div>
    <div>2e item</div>
    <div>3e item</div>
  </div>

  <div class="menuheader">Menu 3</div>
  <div class="menucontent">
    <div>1e item</div>
    <div>2e item</div>
    <div>3e item</div>
  </div>  
</div>

Vervolgens positioneer je dit geheel mbv css, en klaar ben je. Zo heb ik het gedaan.

vrijdag 24 oktober 2003 17:09

Acties:

Verwijderd

Topicstarter

Dr_Frickin_Evil schreef op 24 oktober 2003 @ 17:04:
Tuurlijk, het komt hierop neer:

code:

<div class="menu" id="menus">
  <div class="menuheader">Menu 1</div>
  <div class="menucontent">
    <div>1e item</div>
    <div>2e item</div>
    <div>3e item</div>
  </div>
  
  <div class="menuheader">Menu 2</div>
  <div class="menucontent">
    <div>1e item</div>
    <div>2e item</div>
    <div>3e item</div>
  </div>

  <div class="menuheader">Menu 3</div>
  <div class="menucontent">
    <div>1e item</div>
    <div>2e item</div>
    <div>3e item</div>
  </div>  
</div>

Vervolgens positioneer je dit geheel mbv css, en klaar ben je. Zo heb ik het gedaan.

Ah... okee, maar dat is hier niet echt van toepassing.
Al mijn pagina's gebruiken namelijk een header.php
en een footer.php die weer gebruik maken van mijn tabel...

maar goed.... er is toch wel een manier dat colom 7 links onder allen overige ruimte op zich neemt

vrijdag 24 oktober 2003 17:13

Acties:

crisp

Devver

Pixelated

Verwijderd schreef op 24 October 2003 @ 17:09:
[...]
maar goed.... er is toch wel een manier dat colom 7 links onder allen overige ruimte op zich neemt

ja, vast wel. Ik heb je zelfs als eerste nog een alternatief gegeven - probeer het dan daar eens mee...

Intentionally left blank

vrijdag 24 oktober 2003 17:16

Acties:

SinergyX

____(>^^(>0o)>____

als je je linker menu nou eens in een <td> zet, als subtabel.

<table>
<tr><td>
<table>gaap je menu in tr td vorm</table>
</td>
<td>dat lege kolommetje</td>
<td>algemene bla bla bla</td>
</tr>
</table>

^{Nog 1 keertje.. het is SinergyX, niet SynergyX}
_{Im as excited to be here as a 42 gnome warlock who rolled on a green pair of cloth boots but was given a epic staff of uber awsome noob pwning by accident.}

vrijdag 24 oktober 2003 17:22

Acties:

Folkert

Het voordeel van het gebruik van nested tables is natuurlijk dat een tabel wordt getoond als deze is geladen. Als je alles in een tabel stopt, krijg je je content pas te zien als deze is geladen. Maak eerst een hoofdtabel met de indeliing. Dan aan de linkerkant een tabel met onderdelen en aan de rechterkant je content. Nu heb je veel meer controle over de inhoud van je tabel. Verdiep je maar eens in het gebruik van de <tr> en de <td> tags en hoe deze zich tov elkaar relateren. Vul al je td's maar eens in met een andere kleur en ga dan maar rommelen met inhoud en colspans ed...

Je kan natuurlijk ook kiezen voor divjes, dan moet je maar de 20 miljoen(

) andere post's maar bekijken die hieraan gewijd zijn en de discussie tussen het gebruik van div tov table....

[ Voor 16% gewijzigd door Folkert op 24-10-2003 17:24 ]

vrijdag 24 oktober 2003 17:51

Acties:

drm

f0pc0dert

offtopic:
JorJor: neem even notie van m'n modbreak

Music is the pleasure the human mind experiences from counting without being aware that it is counting
~ Gottfried Leibniz

vrijdag 24 oktober 2003 18:59

Acties:

Verwijderd

Topicstarter

drm schreef op 24 October 2003 @ 17:51:

offtopic:
JorJor: neem even notie van m'n modbreak

Sorry, ik snap niet wat je nu bedoel.

vrijdag 24 oktober 2003 19:35

Acties:

Johnny

ondergewaardeerde internetguru

Verwijderd schreef op 24 oktober 2003 @ 18:59:
[...]

Sorry, ik snap niet wat je nu bedoel.

Maak even een voorbeeldje met wat platte HTML, ajb

We kunnen je niet helpen omdat je voorbeeld niet meer werkt, plaats dus even je huidige HTML code hier.

Aan de inhoud van de bovenstaande tekst kunnen geen rechten worden ontleend, tenzij dit expliciet in dit bericht is verwoord.

vrijdag 24 oktober 2003 20:04

Acties:

Verwijderd

Topicstarter

PHP:

<table align=center border=1 cellspacing=0 cellpadding=0>
<tr align=left valign=top>
    <td width=140 valign=top bgcolor=c8c8c8>[img]images/rondboven_top.gif[/img]
hier komt mijn menu.
[img]images/rondonder.gif[/img]</td>
    <td width=10 bgcolor=ffffff rowspan=7>[img]images/emptypixel.gif[/img]</td>
    <td width=470 bgcolor=ffffff rowspan=7 colspan=2>
<font class=header>Leveringsvoorwaarden: <!---die heel lang is zo dat mijn tabellen aan de rechter kant worden uitgerekt-----></font>

</td>
</tr>
<tr>
    <td width=140 height=100 valign=top bgcolor=c8c8c8 class=header>[img]images/rondboven.gif[/img][img]images/rondonder.gif[/img]</td>
</tr>
<tr>
    <td width=140 height=60 valign=top bgcolor=c8c8c8 class=header>[img]images/rondboven.gif[/img]<br>
&nbsp;&nbsp;Home</a><br>
</td>
</tr>
<tr>
    <td width=140 height=100 valign=top bgcolor=c8c8c8>[img]images/rondboven.gif[/img]<font class=header><br>&nbsp;&nbsp;ARTIKEL TOP 10:</font><table border=0 cellspacing=0 cellpadding=10 width=140>
<tr>
    <td>
    </td>
</tr>
</table>[img]images/rondonder.gif[/img]</td>
</tr>
<tr>
    <td width=140 height=100 valign=top bgcolor=c8c8c8>[img]images/rondboven.gif[/img]<font class=header><br>&nbsp;&nbsp;NIEUWE TOYS:</font><table border=0 cellspacing=0 cellpadding=10 width=140>
<tr>
    <td>
    </td>
</tr>
</table>[img]images/rondonder.gif[/img]</td>
</tr>
<tr>
    <td width=140 height=100 valign=top bgcolor=c8c8c8>[img]images/rondboven.gif[/img]<font class=header><br>&nbsp;&nbsp;WORDT PARTNER:</font><table border=0 cellspacing=0 cellpadding=10 width=140><tr><td><p align=justify class=tekst>xxxbetaalt u 15% uit van de netto omzet van iedere klant die via uw site iets koopt bij xxx. Klik hier</a>.</td></tr></table>[img]images/rondonder.gif[/img]</td>
</tr>
<tr>
    <td width=140 height=100% bgcolor=ffffff valign=top>de 6 tabellen rekken op en dat moet alleen deze tabel dus doen</td>
</tr>
</table>

vrijdag 24 oktober 2003 22:12

Acties:

Johnny

ondergewaardeerde internetguru

PHP:

<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title> New Document </title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Content-Language" content="nl">

<style type="text/css">

body {text-align: center;}

div {box-sizing: border-box; -moz-box-sizing: border-box;}

div.main {position: relative; margin: auto; width: 628px; background-color: #eeeeee; text-align: left; border: 1px solid black;}

div.left {position: absolute; top: 0px; left: 0px; width: 140px;}
div.right {float: right; width: 470px; background-color: #eeeeee;}

div.menu {width: 100%; text-align: center; background-color: #c8c8c8;}

img.rondboven {width: 140px; height: 10px; border: 0 none;}
img.rondonder {width: 140px; height: 15px; border: 0 none;}

h3 {margin: 0px; font-size: 14px; text-transform: uppercase;}

</style>

</head>

<body>

<div class="main">

    <div class="left">
        <div class="menu">
            [img]"images/rondboven_top.gif"[/img]
            hier komt mijn menu.
            [img]"images/rondonder.gif"[/img]
        </div>

        <div class="menu">
            [img]"images/rondboven_top.gif"[/img]
            Home
            [img]"images/rondonder.gif"[/img]
        </div>

        <div class="menu">
            [img]"images/rondboven_top.gif"[/img]
            <h3>Artikel top 10:</h3>
            [img]"images/rondonder.gif"[/img]
        </div>

        <div class="menu">
            [img]"images/rondboven_top.gif"[/img]
            <h3>Nieuwe toys:</h3>
            [img]"images/rondonder.gif"[/img]
        </div>

        <div class="menu">
            [img]"images/rondboven_top.gif"[/img]
            <h3>Wordt partner:</h3>
            xxxbetaalt u 15% uit van de netto omzet van iedere klant die via uw site iets koopt bij xxx. Klik hier
            [img]"images/rondonder.gif"[/img]
        </div>

        <div>
        <!-- Deze div wordt zo groot als je maar wilt -->
        </div>

    </div>

    <div class="right">

    <!-- Leveringsvoorwaarden -->

    </div>

</div>

</body>
</html>

Dat kan dus ook zonder tabellen

[ Voor 67% gewijzigd door Johnny op 24-10-2003 22:15 ]

Aan de inhoud van de bovenstaande tekst kunnen geen rechten worden ontleend, tenzij dit expliciet in dit bericht is verwoord.

zaterdag 25 oktober 2003 19:08

Acties:

Verwijderd

Topicstarter

Thanks!....

Ik werk alleen liever met Tabellen... volgens mij is het ook zo dat divjes niet altijd goed werken in Netschaap... maar wat weer ik niet zeker.

zaterdag 25 oktober 2003 19:37

Acties:

Clay

cookie erbij?

Netschaap 4 (die je hopelijk niet bedoelt...) niet nee. Maar div's zijn daarin niet het enige wat "niet altijd goed werkt".

Instagram | Flickr | "Let my music become battle cries" - Frédéric Chopin

zaterdag 25 oktober 2003 19:37

Acties:

Johnny

ondergewaardeerde internetguru

Verwijderd schreef op 25 October 2003 @ 19:08:
Thanks!....

Ik werk alleen liever met Tabellen... volgens mij is het ook zo dat divjes niet altijd goed werken in Netschaap... maar wat weer ik niet zeker.

Netscape bestaat niet meer

Deze pagina werkt in zowel MSIE als Mozilla, aangezien ik hier alleen standaard dingen heb gebruikt weet ik bijna zeker dat het wel zal werken in de laatste versies van Netscape.

Over Netscape 4:
De weinige mensen die nog steeds NS4 gebruiken zullen sowieso geen aangename internetervaring hebben tegenwoordig, en alleen door websites te maken die hier niet werken stimuleren we ze om een modernere/betere browser te nemen.

[ Voor 21% gewijzigd door Johnny op 25-10-2003 19:41 ]

Aan de inhoud van de bovenstaande tekst kunnen geen rechten worden ontleend, tenzij dit expliciet in dit bericht is verwoord.

zaterdag 25 oktober 2003 19:48

Acties:

slm

Johnny schreef op 25 October 2003 @ 19:37:
[...]
Over Netscape 4:
De weinige mensen die nog steeds NS4 gebruiken zullen sowieso geen aangename internetervaring hebben tegenwoordig, en alleen door websites te maken die hier niet werken stimuleren we ze om een modernere/betere browser te nemen.

Niet zo'n geslaagde opmerking vind ik. Kan je het zelfde doen voor alle niet IE-browsers (zoek & vervang Netscape 4 door Mozilla etc) aangezien het gebruik hiervan tov IE marginaal te noemen is:

zo komen we natuurlijk nergens:
Over Mozilla, Opera, Konqueror, Netscape 6+ etc:
De weinige mensen die nog steeds Mozilla, Opera, Konqueror, Netscape 6+ gebruiken zullen sowieso geen aangename internetervaring hebben tegenwoordig, en alleen door websites te maken die hier niet werken stimuleren we ze om een modernere/betere browser te nemen.

Denk daar maar eens over na

To study and not think is a waste. To think and not study is dangerous.

zaterdag 25 oktober 2003 21:07

Acties:

Clay

cookie erbij?

Het is weer een discussie op zich

maar de enige manier om sites niet te laten werken in moz etc. is om op een dermate schaal IE-only zut in te zetten dat je in welke andere browser dan ook niets meer kan. Dat is een keuze, maar daarvoor moet je waarschijnlijk nog meer kennis in huis halen over die technieken (b.v. htc en hta) dan wanneer je xhtml schrijft. Daarmee snijd je dus ook alleen maar jezelf in de vingers.

Het gaat er niet om "hip" te zijn als je moz/fb/opera ondersteunt, maar mijns inziens getuigt het gewoon van een beetje inzicht; namelijk dat er naar een standaard wordt toegewerkt zodat je niet voor elk platform en elke browser afzonderlijk uitzonderingen moet maken zoals met IE4 en NS4. Dit voorkomt ook dat er een nieuwe browser komt die een andere standaard hanteert: niemand zou ervoor gaan coden. Als ik dan wat er nu kan, en welke kant het opgaat, vergelijk met wat er een paar jaar geleden was, dan kies ik liever voor wat er nu is en hoe dat zich gaat ontwikkelen.

Je kan nu xhtml zodanig schrijven dat jouw site er zonder enige uitzonderingen in je code, maar dan wel met enige kennis van verschillend browser eigenaardigheden, identiek uitziet op elke hedendaagse browser op elk platform. Dat moet je dan vind ik ook doen. Je bouwt een site primair dat deze bekeken wordt, niet om een statement neer te zetten dat iedereen maar aan de IE moet.

Instagram | Flickr | "Let my music become battle cries" - Frédéric Chopin

zaterdag 25 oktober 2003 21:22

Acties:

slm

Zeg ook niet dat je idd alleen IE specieke sites moet maken zodat iedereen maar IE moet gaan gebruiken. Bedoelde met mijn opmerking alleen maar dat ik dat niet de juiste instelling vind. Ik probeer mijn sites nog steeds iig _toegankelijk_ te maken voor NN4.7 gebruikers, misschien om de reden dat ik vroeger een fervent NN4.7 gebruiker was (tot IE5.5 uitkwam eigenlijk).

Ik gebruik zelf geen xhtml, maar probeer tegenwoordig voor zover mogelijk mijn sites wel W3 html4.01 transitional te maken. Helaas gaat dat met framesets-pagina's wat moeilijker aangezien frameborder etc niet gekend zijn in de 'standaard'.

To study and not think is a waste. To think and not study is dangerous.