[CSS] Tabelspacing - Softwareontwikkeling

woensdag 20 april 2005 11:33

Acties:

Bl@@T @@P!!!

Topicstarter

Ik heb de volgende HTML:

HTML:

<html>
  <head>
    <style type="text/css">
      .border td td td{
        border: 1 dotted green;
      }

      .border table td{
        padding: 0px;
        margin: 50px;
      }
    </style>
  </head>
  <body background="images/backgrounds/background.jpg" leftmargin="0" rightmargin="0" topmargin="0" bottommargin="0">

    <table class="border" width="100%" height="100%">
      <tr align="center">
        <td valign="middle">
          <table width="890" height="500" cellspacing="0" cellpadding="0">
            <tr valign="top">
              <td width="23%">
                <table width="100%" cellspacing="5">
                  <tr>
                    <td height="350">test</td>
                  </tr>
                  <tr>
                    <td height="155">test</td>
                  </tr>
                </table>
              </td>
              <td width="*">
                <table width="100%" cellspacing="5">
                  <tr>
                    <td height="75">test</td>
                  </tr>
                  <tr>
                    <td height="75">test</td>
                  </tr>
                  <tr>
                    <td height="350">test</td>
                  </tr>
                 </table>
               </td>
               <td width="23%">
                 <table width="100%" cellspacing="5">
                   <tr>
                     <td height="350">test</td>
                   </tr>
                   <tr>
                     <td height="155">test</td>
                   </tr>
                 </table>
               </td>
             </tr>
           </table>
         </td>
       </tr>
    </table>
  </body>
</html>

(Let niet op height etc)

Ik heb nu het probleem dat ik de 3 tabellen tegen elkaar aan wil hebben staan. Als ik de spacing in HTML aanpas doet hij dit ook aanpassen tussen bijvoorbeeld de 3 cellen die in het midden staan (boven elkaar).

Ik heb al van alles geprobeerd, maar ik kom er niet uit...

My personal videoteek: -Clique-; -NMe- is een snol!

woensdag 20 april 2005 11:46

Acties:

Res-q

Redder in nood?

<td cellspacing="x">, waarvoor je bij x natuurlijk een getal invoert.

Sowieso is het beter om geen tabellen te gebruiken voor je opmaak, CSS is hiervoor beter en preciezer te gebruiken

www.handleidinghtml.nl vind ik een prima resource voor html en css problemen

[ Voor 23% gewijzigd door Res-q op 20-04-2005 11:48 ]

en zo is het voorspeld!

woensdag 20 april 2005 11:51

Acties:

henkleerssen

Your life is as you narrate it

Res-q schreef op woensdag 20 april 2005 @ 11:46:
<td cellspacing="x">, waarvoor je bij x natuurlijk een getal invoert.

Sowieso is het beter om geen tabellen te gebruiken voor je opmaak, CSS is hiervoor beter en preciezer te gebruiken

www.handleidinghtml.nl vind ik een prima resource voor html en css problemen

dat zal wel met css.. maar ik denk dat je dan nog niet het probleem hebt opgelost.

woensdag 20 april 2005 11:55

Acties:

Kayshin

Bl@@T @@P!!!

Topicstarter

Als ik de cellspacing instel bij de td is de ruimte tussen de rijen niet meer in orde. Dat is juist het probleem.

My personal videoteek: -Clique-; -NMe- is een snol!

woensdag 20 april 2005 11:57

Acties:

Willem

spacing,padding,border-collapse etc.

Have fun met zoeken.

Motor onderhoud bijhouden

woensdag 20 april 2005 12:01

Acties:

curry684

left part of the evil twins

Res-q schreef op woensdag 20 april 2005 @ 11:46:
Sowieso is het beter om geen tabellen te gebruiken voor je opmaak, CSS is hiervoor beter en preciezer te gebruiken

www.handleidinghtml.nl vind ik een prima resource voor html en css problemen

2 knappe zinnen om bij mekaar te zetten als ik die site zo lees:

Van tabellen wordt in HTML-pagina's op grote schaal gebruik gemaakt. Dit heeft zeker te maken met de mogelijkheden die tabellen bieden bij het geven van de gewenste lay-out aan een document. Hoewel in de toekomst deze functie overgenomen moet gaan worden door stylesheets, bieden tabellen op dit moment voor veel browsers nog steeds een belangrijke mogelijkheid voor het in horizontale richting op de gewenste plaats zetten van tekst en andere inhoud van het document. Om die reden wordt ook in deze handleiding intensief van tabellen gebruik gemaakt.

En daarnaast zou ik graag een bronvermelding geven op welke pagina van die site dit staat, maar dat kan niet eenvoudig omdat die idioten frames gebruiken zelf \o/

Had ik al gezegd dat www.handleidinghtml.nl best een slechte site is zo?

Professionele website nodig?