[HTML]spacing tussen tabellen? - Softwareontwikkeling

maandag 7 augustus 2006 23:46

Acties:

Verwijderd

Topicstarter

ik ben bezig met een site maar krijg het volgende toch niet voor elkaar waarom weet ik niet. Ik heb een background en dat is het midden van me site. Daarachter zie je een grijze balk lopen, wat je op veel websites ziet. Alleen zit er tussen de 3 tabbelen een de linker en aan de rechter kant van de middelste kolom een ruimte van ongeveer 2 pixels. Heb al van alles geprobeerd maar krijg het niet weg. De code is als volgt:

code:

<style type="text/css">
<!--
body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}
-->
</style>
</head>

<body>
<table width="100%" border="0" height="100%" cellpadding="0" cellspacing="0">
  <tr>
    <td valign="middle" align="center">
    <table width="100%" border="0" height="480">
      <tr>
        <td width="*" background="balk.jpg" cellpadding="0" cellspacing="0"></td>
        <td width="820" background="bg.jpg" cellpadding="0" cellspacing="0"></td>
        <td width="*" background="balk.jpg" cellpadding="0" cellspacing="0"></td>
      </tr>
    </table></td>
  </tr>
</table>

maandag 7 augustus 2006 23:51

Acties:

RobIII

Admin Devschuur®

^ Romeinse Ⅲ ja!

Ik heb werkelijk geen idee wat je bedoelt. Kun je eens een screenshot posten? Of een URL?

Overigens:

Cascading Stylesheet:

body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}

Kun je ook vervangen door:

Cascading Stylesheet:

1
2
3

body {
    margin: 0px;
}

Leest wat makkelijker

En het gebruik van  om je CSS was IMHO al achterhaald in 1992 ofzo

Oh, en ik zie nu opeens dat je 2 tabellen nest, maar op de 2e tabel zet je geen cellpadding en cellspacing

Heb zo'n vermoeden dat dat het is....en ik zie ook nu pas dat je cellpadding="0" en cellspacing="0" op een TD (table cell) hebt gezet! Maar dat kan helemaal niet

Ik zou me toch nog maar even verdiepen in HTML als ik jou was

En als laatst: waarom gebruik je uberhaupt tabellen? Je weet dat daar tegenwoordig betere methodes voor zijn?

(Om de discussie maar wéér eens te voeren

)

Samenvattend: Er mankeert nogal wat aan je code. Kijk bovengenoemde puntjes even na, en als het nog niet werkt daarna post je hier even een URL of een screenshot. Dat werkt stukken makkelijker

offtopic:
Damn... smiley crazy vandaag

[ Voor 136% gewijzigd door RobIII op 08-08-2006 00:06 ]

There are only two hard problems in distributed systems: 2. Exactly-once delivery 1. Guaranteed order of messages 2. Exactly-once delivery.

Je eigen tweaker.me redirect

Over mij

dinsdag 8 augustus 2006 00:23

Acties:

Verwijderd

Topicstarter

sorry link vergete bij te posten, ja buiten die cellpading en cell spacing tussen de TD krijg ik het even goed niet voor elkaar om die space er tussen weg te krijgen, welke andere manieren zijn er dan om dat mooi op te lossen?

http://www.thearch.nl/test/

dinsdag 8 augustus 2006 00:28

Acties:

RobIII

Admin Devschuur®

^ Romeinse Ⅲ ja!

Die 2e tabel heeft nog geen cellspacing / cellpadding attributen. Zet die er eens bij dan? En haal dan die cellspacing en cellpadding attributen van de TD's weg, want zoals ik al zei KAN dat niet. Een TD heeft die attributen helemaal niet.

En hoe je dit mooier oplost... tja... met wat CSS en wat DIV-jes enzo. Maar daar is meer dan genoeg over te lezen hier @GoT en op het internet.

[ Voor 67% gewijzigd door RobIII op 08-08-2006 00:30 ]

There are only two hard problems in distributed systems: 2. Exactly-once delivery 1. Guaranteed order of messages 2. Exactly-once delivery.

Je eigen tweaker.me redirect

Over mij

dinsdag 8 augustus 2006 09:57

Acties:

Rowanov

Kop eens wat anders...

Ongetwijfeld zal dit ook nog wat bijdragen:

Cascading Stylesheet:

table {
  margin: 0;
  padding: 0;
  border: 0;
}

RobIII schreef op dinsdag 08 augustus 2006 @ 00:28:
En hoe je dit mooier oplost... tja... met wat CSS en wat DIV-jes enzo. Maar daar is meer dan genoeg over te lezen hier @GoT en op het internet.

Semantiek graag!

Anders zie je straks exact dezelfde tabel, maar dan met elke cel vervangen door een div. De mozilla website geeft een aardige indicatie hoe je die kennis in praktijk moet brengen.

dinsdag 8 augustus 2006 11:49

Acties:

Verwijderd

Topicstarter

hmm, nu heb ik dat stukje css toegevoegd en helpt het nog niet..

www.thearch.nl/test/index.html

als ik aan de tabel cellpadding=0 en cellspacing=0 toevoeg krijg ik dit resultaat

www.thearch.nl/test/index2.html

dinsdag 8 augustus 2006 12:14

Acties:

Vinzzz243

probeer eens

code:

1 2	table { border-collapse: collapse; } td { padding: 0; }

[ Voor 21% gewijzigd door Vinzzz243 op 08-08-2006 12:14 ]

dinsdag 8 augustus 2006 12:21

Acties:

RM-rf

1 2 3 4 5 7 6 8 9

ik zou die code zo opzetten:

code:

style type="text/css">
body {
    margin: 0;
    background: #FFF url( balk.jpg ) repeat-y center center;
    text-align: center;
    vertical-align: middle;
}
DIV#Content {
   position: relative;
   text-align: left;
   margin: auto;
   width: 820px;
   height: 480px;
   background: #FFF url(bg.jpg) no-repeat center center;
}
</style>
</head>

<body>
<div id="Content"></div>
</body>

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

dinsdag 8 augustus 2006 12:35

Acties:

Verwijderd

Topicstarter

ik heb de code nu zo:

code:

<html>
<head>
<title>Untitled Document</title>
<style type="text/css">
body {
    margin: 0;
    background: #FFF url( balk.jpg ) repeat-y center center;
    text-align: center;
    vertical-align: middle;
}
DIV#Content {
   position: relative;
   text-align: left;
   margin: auto;
   width: 820px;
   height: 480px;
   background: #FFF url(bg.jpg) no-repeat center center;
}
</style>
</head>

<body>
<div id="Content"></div>
</body>
</html>

en dat geeft het volgende resultaat www.thearch.nl/test
toch lopen die balken niet door terwijl er wel een repeat in het script staat?

dinsdag 8 augustus 2006 12:41

Acties:

Verwijderd

Verwijderd schreef op dinsdag 08 augustus 2006 @ 11:49:
hmm, nu heb ik dat stukje css toegevoegd en helpt het nog niet..

www.thearch.nl/test/index.html

als ik aan de tabel cellpadding=0 en cellspacing=0 toevoeg krijg ik dit resultaat

www.thearch.nl/test/index2.html

Maak v.d. 2e Ttabel eens dit

code:

1	<table width="100%" height="480" border="0" cellspacing="0">

zonder cellpadding=0 dan werkt het.

dinsdag 8 augustus 2006 12:46

Acties:

Verwijderd

Topicstarter

yeah! dat werkt inderdaad, vrij simpel achteraf maar weer wat geleerd bedankt!

doordat in die style te doen wat RM-rf poste vind ik ook een mooie oplossing alleen dat werkte nog niet helemaal.