tabellenprobleem - Softwareontwikkeling

maandag 1 oktober 2001 10:33

Acties:

Verwijderd

Topicstarter

Hallo Tweakers,

Onderstaande code bestaat uit een tabel met een aantal cellen.
In de laatste cel (meest rechtse) staan 4 regels tekst, deze wil ik graag direct onder elkaar hebben zonder tussenruimte.
Op een 1 of andere manier krijg ik dit niet voorelkaar.
Wie maakt me blij?????

b.v.d

<html>
<head>
</head>
<body>
<table border="1" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="10"> </td>
<td width="30%" style="border: 1 solid #FF6600" valign="middle" align="center"><b>test</b><br>
</td>
<td width="10"> </td>
<td width="30%" style="border: 1 solid #FF6600" valign="middle" align="center">test</td>
<td width="10"> </td>
<td width="30%" style="border: 1 solid #FF6600" valign="top" align="center"><b>titel</b><br>
<h6>deze hoogte moet kleiner</h6>
<h6>deze hoogte moet kleiner</h6>
<h6>deze hoogte moet kleiner</h6>
<h6>deze hoogte moet kleiner</h6>
</td>
<td width="10"> </td>
</tr>
</table>
</body>
</html>

maandag 1 oktober 2001 10:50

Acties:

BtM909

Watch out Guys...

Bedoel je dat de ruimte tussen de 4 regels kleiner moet, of dat de celhoogte kleiner moet?

om de tussenruimte kleiner te maken, moet je eens naar CCS kijken...

Dus:

.lijn {line-height: 20px}

en dan

<h1 class="lijn">deze hoogte moet kleiner</h1>

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.

maandag 1 oktober 2001 10:57

Acties:

Pelle

🚴‍♂️

Koop een goed HTML-boek en kom er dan achter dat elke <hX>-tag staat voor header.
En een van de eigenschappen van een header is dat het automagisch een regel overslaat; daar is het tenslotte een header voor.

En dus zou ik die <h6>-tags er maar uitslopen, en er een divje met een class van maken ofzo.
Topictitel klopt trouwens ook niet; 't ligt niet aan je tabellen maar aan laag rtfm-gehalte.

Maar verder: succes ermee

maandag 1 oktober 2001 11:03

Acties:

Dennis

code:

<html>
  <head>
    <style type="text/css">
    p.item
    {
      margin-top: 2px;
      margin-bottom: 2px;
    }
    </style>
  </head>
  <body>
    <table border="1" width="100%" cellspacing="0" cellpadding="0">
    <tr>
      <td width="10">
        &nbsp;</td>
      <td width="30%" style="border: 1 solid #FF6600" valign="middle" align="center">
        <b>
        test</b>
        <br /></td>
      <td width="10">
        &nbsp;</td>
      <td width="30%" style="border: 1 solid #FF6600" valign="middle" align="center">
        test</td>
      <td width="10">
        &nbsp;</td>
      <td width="30%" style="border: 1 solid #FF6600" valign="top" align="center">
        <b>
        titel</b>
        <br />
        <p class="item">
        regel 1
        </p>
        <p class="item">
        regel 2
        </p>
        <p class="item">
        regel 3
        </p>
        <p class="item">
        regel 4
        </p></td> 
      <td width="10">
        &nbsp;</td></tr></table>
  </body>
</html>

maandag 1 oktober 2001 11:08

Acties:

Pelle

🚴‍♂️

Op maandag 01 oktober 2001 11:03 schreef dennisdotcom het volgende:
code:
1
knip html meuk

Zo, jij had niks te doen vandaag zeker?

_{/mierenneukmodus}
Ik zou dit:

code:

      <td width="10">
        &nbsp;</td>
      <td width="30%" style="border: 1 solid #FF6600" valign="top" align="center">
        <b>
        titel</b>

vervangen door dit:

code:

1
2
3

<td width="10">&nbsp;</td>
<td width="30%" style="border: 1 solid #FF6600" valign="top" align="center">
   <b>titel</b>

* Pelle houdt van logische HTML-uitlijning

maandag 1 oktober 2001 11:16

Acties:

Verwijderd

Topicstarter

Op maandag 01 oktober 2001 11:08 schreef Pelle het volgende:

[..]

Zo, jij had niks te doen vandaag zeker?

_{/mierenneukmodus}
Ik zou dit:
code:
1
2
3
4
5
      <td width="10">
        &nbsp;</td>
      <td width="30%" style="border: 1 solid #FF6600" valign="top" align="center">
        <b>
        titel</b>
vervangen door dit:
code:
1
2
3
<td width="10">&nbsp;</td>
<td width="30%" style="border: 1 solid #FF6600" valign="top" align="center">
   <b>titel</b>
* Pelle houdt van logische HTML-uitlijning

Bedankt heren,

Ik wist niet dat <h6> ook inhield dat er een regel overgeslagen werd, ik heb dus deze <h6> eruit gehaald en er een "font size" ingezet.

Nogmaals bedankt !!!