[html] lege cel achtergrond

[Krooswijk.com]

eigenlijk misschien een makkelijk vraag, maar na lange tijd loop ik voor de eerste keer tegen dit probleem aan.

ik heb een cel die een vaste grootte moet hebben, bv 100x100
nu heeft deze cel in dan ook altijs een achtergrondplaatje van ook 100x100.
de cel heeft echter niet altijd een inhoud (wat tussen <td>en </td> staat)

nu is het probleem dus, wanneer deze geen inhoud heeft, de cel (met zijn achtergrond) dus ook niet wordt weergegeven. ik zou er bv een aantal &nbsp; ik kunnen zetten, maar dat is natuulijk geen oplossing, zeker niet omdat php de eigenlijke breedte en hoogte bepaald en de cel dus van size kan veranderen. is er een manier om zo'n lege cel, toch gewoon compleet met achtergrond weer te geven. heb al het een en ander geprobeerd met css, maar het lukt echt niet, ook al lijkt het op het eerste oog geen echt complex iets

[crisp]

Cascading Stylesheet:

table {
  empty-cells: show;
}

voor oude browsers zou je er een &nbsp; in kunnen zetten

[ Voor 40% gewijzigd door crisp op 05-10-2004 10:24 ]

[Krooswijk.com]

ok met die nonbrakingspaces had ik al geprobeerd dus, maar dat gaat niet lukken vanwege de wisselende breedte van de cellen. het volgende heb ik nu: het betreft twee nodes met een lijntje ertussen, waar dus soms een tekst bij komt te staan en soms niet, in het vb hieronder is de tweede <TD></TD> dus leeg. ik heb de css aan de table toegevoegd, maar het werkt nog niet. meerdere bronnen vermelden ook dat dit wel de goeie oplossing is. dus echt verder kom ik daar ook niet mee. is er nog iets anders (behalve layers) wat ik kan doen, of doe ik hier dan iets stoms?

HTML:

<TABLE style="empty-cells: show;" cellspacing="0" cellpadding="0" border="0" bgcolor="#FFFFFF">
  <TR>

    <TD align="center" valign="middle" width="100" height="100">
      [img]"renderingengine/script.draw.node.php?name=1&width=100&height=100"[/img]
    </TD>

    <TD background="renderingengine/script.draw.line.php?type=9&width=100&height=100" align="center" valign="middle" width="100" height="100">
    </TD>

    <TD align="center" valign="middle" width="100" height="100">
      [img]"renderingengine/script.draw.node.php?name=1&width=100&height=100"[/img]
    </TD>
  </TR>
</TABLE>

[Dennis]

Welke browser heb je het over? En heb je een doctype meegegeven in je document?

[Krooswijk.com]

IE 6.0
doctype niet meegegeven, is dit nodig?

[Dennis]

Ik weet het niet exact maar ik vermoed van wel. Het is namelijk wel zo dat IE quirks mode gebruikt als je geen doctype meegeeft. crisp kan hier vast uitsluitsel over geven.

[Krooswijk.com]

[quote]crisp schreef op 05 oktober 2004 @ 10:24:

Cascading Stylesheet:

table {
  empty-cells: show;
}

ik lees hier het volgende:

Beschrijving: bepaalt of lege cellen in een tabel randen moeten krijgen (enkel bij seperated borders model).
Waarden: show | hide
Voorbeeld: table { empty-cells: hide }
Ondersteuning: NS 6.2

dus zal volgens mij niet echt gaan werken. vind dit toch een beetje vreemd van IE6 en misschien andere browsers

[crisp]

och ja, IE
oplossing: toch content in de cell zetten; desnoods met een hele kleine fontsize/line-height

[ Voor 6% gewijzigd door crisp op 05-10-2004 12:26 ]

[Krooswijk.com]

crisp schreef op 05 oktober 2004 @ 12:26:
och ja, IE
oplossing: toch content in de cell zetten; desnoods met een hele kleine fontsize/line-height

ok je voelt 'm al, maaaaar

het kan dus zijn dat er de ene keer wel tekst in komt (geen probleem) en de andere keer niet (wel probleem). dus een transpararante pixel img met 100x100 grootte zal denk ik ook niet lukken. zijn layers dan echt de enige oplossing?

[Cubix]

Als je toch php gebruikt kan je wanneer er geen tekst in komt te staan automatisch een doorzichtig gifje van i bij 1 px laten plaatsen. Is dat een idee?

[Sosabowski]

met één spatie wordt toch gewoon de hele cel getoond?

PHP:

if ($inhoud == "" ) $inhoud = " ";

[InZane]

IorGie schreef op 05 oktober 2004 @ 13:12:
met één spatie wordt toch gewoon de hele cel getoond?

PHP:

if ($inhoud == "" ) $inhoud = " ";

$inhoud == ""

Doe het dan zo

PHP:

if (empty($inhoud)) {
    $inhoud = ' ';
}

[Dennis]

en empty gebruiken is in php4 tergend langzaam, dus dan is dit weer beter:

PHP:

if(!isset($inhoud) or empty($inhoud))
{
  $inhoud = ' ';
}

[Verwijderd]

Gebruik dit in je <TD> tag

code:

<TD STYLE="width:100; height:100">