[HTML] Balk aan zijkant in tabel - Softwareontwikkeling

zondag 22 december 2002 21:37

Acties:

Tja... 'ns ff denken.

Topicstarter

ik wil op een website graag twee balkjes tonen om de content heen:

[X][ content ][X]

er is een probleem: de X-balken zijn altijd even groot, de breedte van "content" is afhankelijk van het scherm...

hoe los ik dat op...

heb nu:

code:

<table width="100%" border="0">
<tr> 
  <?php if ($showborder) { ?>
    <td width="14" background="Images/sideright.gif"></td>
  <?php } ?>
    <td width="100%">&nbsp;</td>
  <?php if ($showborder) { ?>
    <td width="14" background="Images/sideleft.gif"></td>
  <?php } ?>
  </tr>
</table></td>

het mag duidelijk zijn dat de php hier genegeerd kan worden... dit werkt dus lekker niet... maar ja hoe los ik het dan op

Cogito Ergo Credo

zondag 22 december 2002 21:52

Acties:

ta_chi79

<td>[img]"spacer.gif"[/img]</td>
Waarbij spacer.gif een transparante 1x1 pixel is.
Op deze manier is de border altijd 14 pixels breed vanwege de content.

zondag 22 december 2002 21:56

Acties:

crisp

Devver

Pixelated

ta_chi79 schreef op 22 december 2002 @ 21:52:
<td>[img]"spacer.gif"[/img]</td>
Waarbij spacer.gif een transparante 1x1 pixel is.
Op deze manier is de border altijd 14 pixels breed vanwege de content.

Een UA wil nog wel eens een cell niet renderen als hij geen content bevat; het gebruik van spacers is echter in mijn ogen tegenwoordig totaal overbodig; met een gewone nobreakerspace zou het ook moeten werken...

Intentionally left blank

zondag 22 december 2002 22:00

Acties:

Verwijderd

crisp schreef op 22 december 2002 @ 21:56:
[...]

Een UA wil nog wel eens een cell niet renderen als hij geen content bevat; het gebruik van spacers is echter in mijn ogen tegenwoordig totaal overbodig; met een gewone nobreakerspace zou het ook moeten werken...

CSS: empty-cells: show;

zondag 22 december 2002 22:03

Acties:

crisp

Devver

Pixelated

Verwijderd schreef op 22 December 2002 @ 22:00:
[...]

CSS: empty-cells: show;

*noteert*

btw; die 100% voor de width van de 2e td weglaten helpt ook weer iets; de tabel is immers al 100% breed, dus de UA zou moeten weten dat de resterende breedte (min de 2x14 pixels) voor de middelste kolom bedoelt is.
Verder verdient het aanbeveling voor de background ook CSS te gebruiken.
Voorbeeld:

HTML:

<html>
<head>
<style type="text/css">
table {
  border-width: 0px;
  width: 100%;
}
td.borderleft {
  width: 14px;
  background-image: url("Images/sideleft.gif");
}
td.borderright {
  width: 14px;
  background-image: url("Images/sideright.gif");
}
</style>
</head>
<body>
<table>
  <tr>
    <td class="borderleft">&nbsp;</td>
    <td>content enzo</td>
    <td class="borderright">&nbsp;</td>
  </tr>
</table>
</body>
</html>

[ Voor 58% gewijzigd door crisp op 22-12-2002 22:07 ]

Intentionally left blank

zondag 22 december 2002 22:05

Acties:

jopiek

Tja... 'ns ff denken.

Topicstarter

in die balkjes zit een plaatje, dus hij moet gewoon het plaatje tonen zoals in de code te zien is... of ik er nu een img zelf in doe of niet...

update: bedankt voor de post hierboven, die zorgt ervoor dat het perfect werkt!!!!

[ Voor 25% gewijzigd door jopiek op 22-12-2002 22:15 ]

Cogito Ergo Credo