Das TD hat ein DIV, in dem ich mit der jQuery-Funktion fadeOut entfernt habe, aber wenn es fertig ist, verschwindet auch der Rahmen.Wie kann ich einen TD ohne Inhalt zwingen, seine Grenze zu rendern?
Ich möchte das vermeiden, gibt es eine andere Möglichkeit als das Hinzufügen eines "& nbsp;" (was es hässlich macht)?
EDIT: Ich verwende Internet Explorer (6 und 7)
CSS:
table {
empty-cells: show;
}
Sie müssen auch für diese arbeiten Rendering-Modus IE in Standards setzen. Nach dem Hinzufügen eines Doctype, mindestens IE8 (Beta 2 und höher) spielt gut.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
IE7 und unten wird es immer noch nicht tun. Unterstützung für empty-cells wird "teilweise" (für IE7 und IE8 Beta 1) auf the MS CSS compatibility statement. Was auch immer "partiell" bedeutet, "Show" kann nicht als "partielle Unterstützung" bezeichnet werden. Dieser Browser kann gezwungen werden, die Zellgrenzen zu zeichnen, indem im Allgemeinen Kollabieren Tabellenrahmen:
table {
border-collapse: collapse;
}
Die Einstellung von empty-cells wird ignoriert. Wenn Sie jedoch die Ränder ausgeblendet haben, müssen Sie dies nicht mehr festlegen, da alle Browser ausgeblendete Ränder anzeigen.
Ich fügte ein transparentes 1px Bild zu der Zelle als suggested by Jukka "Yucca" Korpela hinzu. Vorerst werde ich diese Lösung verwenden, wenn es keine bessere Alternative ist
arbeitete ich denke, das ist viel hässlicher als die. Aus Sicht des Quellcodes zumindest. Oder ist es das Aussehen, wenn der Text ausgewählt wird, der Sie stört? –
Tomalak
Ja, es ist das Aussehen ... es vermasselt die ganze Tabelle – juan
Viele Websites verwenden den Trick, so dass die Benutzer daran gewöhnt sind. Sie können es etwas verbessern, indem Sie die Schriftgröße auf 1 Punkt reduzieren. – finnw
Je nachdem, was genau Sie versuchen zu erreichen, könnten Sie die visibility -property des div auf hidden statt Inbetriebn seine display -property zu none , dh Sie müssten display und wiederherstellen und opacityvisibility manuell nach dem Anruf auf fadeOut() setzen.
ein non-breaking Raum der Zelle hinzufügen:
<td> </td>
ein Hack, aber eine bessere Hack als ein Bild hinzufügen.
< td style = "Schriftgröße: 1pt" > & nbsp; <td>
Also, wenn Sie eine Tabelle wie unten haben:
<table border="1">
<tr>
<td>Breakfast</td>
<td><div id="foo">Lunch</div></td>
<td>Dinner</td></tr>
</table>
Und Sie fadeOut, mit jQuery, Mittagessen, warum nicht ein leer nichts mit fadeIn zurückbringen?
wie unten:
$("#foo").fadeOut("slow").html('').fadeIn("fast");
Ich wollte etwas so machen, aber was passiert, wenn sie sich in der Mitte treffen? (Opazität = 0,5)? Ich habe es nicht versucht, weil ich es nicht gut aussehen würde – juan
Könnte falsch sein, aber nicht die Links in der jQuery-Kette ausführen, nur nachdem vorherige zum Booten gegangen ist? Und da Sie einen Bluff in der Mitte haben, sollte der FadeIn-Zug die Spuren mit FadeOut nicht merklich überschreiten. Getestet in Opera 9, IE6 und FF3. – random
Sie haben Recht bezüglich der "Verkettbarkeit"; Ich weiß nicht, ob die Grenzen zwischen dem Ausblenden und dem Überblenden flimmern werden, ich werde es in einer Weile testen (obwohl Sie sagen, dass Sie es getestet haben ...) – juan
@Juan: Das ist der richtige Weg, es zu tun, aber es funktioniert nicht in IE – Christoph
ah, aber ich bin mit IE 7 – juan
Hm ... es funktioniert für mich. Sind Sie sicher, dass die Einstellung für leere Zellen zu der Tabelle führt, mit der Sie Probleme haben? Vielleicht ist es irgendwo außer Kraft gesetzt? – Tomalak