Tag: css-tables
Verwenden Sie dieses tag anstelle von nur [css] bei Fragen zum styling von HTML – <table> – Elemente mit CSS, oder über die Verwendung der CSS display:table-property-Deklaration zu definieren, die ein element das layout zu imitieren, die von einem HTML – <table>.
Der Internet Explorer ignoriert die Breite bei der Verwendung von CSS-Tabelle
1 Antworten
Erstellte ich eine js-fiddle, die das problem veranschaulichen: http://jsfiddle.net/pLn7qgp7/ Tatsächlich dies funktioniert nicht Internet Explorer - ich setze die Breite auf 500px aber der browser ignoriert diese. Ich weiß, ich kann einfach geben Sie eine Breite für
HTML-Label zu füllen Zelle Höhe, mit irgendeiner form der Polsterung
3 Antworten
Ich versuche, ein label zu füllen eine Zelle in der Tabelle, während mit irgendeiner Art von Polsterung auf das Etikett aufgetragen. Ich habe versucht, eine Methode, die ich gefunden durch meine Recherchen aber dies scheint nicht zu
Span prozentuale Breite
2 Antworten
Wie im Fall von Tabellen TD WIDTH 25 TD WIDTH 75 dies ist, was ich erreichen möchte, mit DIV/SPAN. Alles, was ich habe: <span style="background-color: green; width: 25%; display: inline-block;">1</span> <span style="background-color: yellow; width: 75%; display: inline-block;">2</span><br
Wie man ausrichten, eine form, wie Tabelle mit div?
1 Antworten
Hier ist mein code: <div> <label>Name</label><input type="text" id='name'/><br /> <label>Email</label><input type="text" id='email'/><br /> <label>Place</label><input type="text" id='place'/><br /> </div> Ich bin neu in CSS, ich will nicht Tisch zu bekommen ausgerichtet ist, sondern die Perfektion sein sollte, wie
Nehmen last-Kind statt erste Kind auf die einzige Zeile in der Tabelle
2 Antworten
Habe ich folgende CSS: table tbody tr:last-child td { padding-top: 7px; border-bottom: 0; } table tbody tr:first-child td { padding-top: 6px; } Nun, ich kann eine Tabelle mit nur einer Zeile. Die einzige Zeile in der Tabelle
Benutzerdefinierte filter zu Datatable
1 Antworten
Ich versuche, meine eigenen filter, um die Daten in der Tabelle, zweite Spalte. Hier unten ist mein code. <!doctype html> <html> <head> <style> table{ border:1px solid blue; } tr{ border:1px solid blue; } td{ border:1px solid blue;
Seltsam, iframe Höhe Verhalten, wenn in einer Zelle der Tabelle
2 Antworten
Ich habe ein problem mit iframe Höhe, wenn Sie innerhalb einer Tabellenzelle. Firefox und Chrome legen Sie die minimale Höhe bei 150px während Internet Explorer die geringere Höhe. Wenn die Zelle die Höhe ist mehr als 150px,
Ich brauche, um ein input-element anpassen Tabellenzelle Breite
1 Antworten
Arbeite ich an einer Schnittstelle, und das Ding nervt mich. Finden Sie unter: http://jsfiddle.net/NUKxX/ Funktioniert es in Chrome aber nicht in Firefox. Die Grundidee bei Chrome ist, dass das längste Wort in jeder der Spalten erstreckt sich
Tabelle-Zelle mit position relative und Inhalt absolute Fehler in Firefox
3 Antworten
Ich weiß wirklich nicht, was das problem mit meinem code... Die Zelle ist relativ positioniert und die form absolut positioniert ist. In jedem Browser funktioniert es wie es sollte, aber nicht in Firefox... Gibt es Probleme mit
Was ist die richtige Anordnung für table-header-group?
1 Antworten
Ich versuche zu bauen, ein footer, der hat zwei Titel, Spalten und drei content-Spalten. Ich gerne verwenden würde display: table-cell für die content-Spalten, und glaube, dass ich display: table-header-group für die Titel der Spalten. Während der recherche
Wie markieren Sie eine ganze Zelle, wenn Sie die Maus über den link
3 Antworten
Ich habe eine horizontale Navigationsleiste, wo ich möchte hervorheben, dass die gesamte Zelle der link, wenn ich den Mauszeiger über den link, jedoch kann ich nur den unmittelbaren Bereich um den text zu markieren. Ich würde mich
Gelten Polsterung display: table-cell-element
3 Antworten
Ich versuche, gelten die Polsterung auf der linken Seite ein element mit display:table-cell. Ich bin mit einem Webkit-browser, und wird dies immer nur in einem Webkit-browser (yay!). Zeigt es in der richtigen Anordnung, aber wie, wenn es
Zum simulieren von html-Tabellen-Zeile mit mehreren Spalten mit einem div?
1 Antworten
Mache ich Webseite, wo die Daten einer Datenbank stehen in einer Tabelle. Jede Zeile besteht aus 3 Spalten. Ich möchte jede Zeile anklickbar, es ist jedoch nicht möglich, da Sie keine Kapseln eine Zeile in der Tabelle
Tabelle-Spalte-Breite so schmal wie die enthaltenen Daten?
2 Antworten
Habe ich drei Spalten. Die letzten beiden möchte ich so schmal wie die in Ihnen enthaltenen Daten und der ersten Spalte können Sie den rest der Breite (die Tabelle hat 100% Breite). Wie kann man das machen
Machen Sie einen iframe füllen, um unten auf dem Bildschirm ohne die Verwendung von Tabellen
5 Antworten
Will ich die Anzeige einer Kopfzeile mit beliebigem Inhalt über einen iframe, nimmt den rest des Bildschirms. Ich habe es geschafft, das arbeiten mit Tabellen mit den folgenden: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html>
Problem mit der Anwendung, gepunkteten Rahmen um Zellen in Tabellen design
9 Antworten
Hier ist mein fiddel: http://jsfiddle.net/gFA4p/84/ In diesem screenshot, die grünen Linien zeigen, wo ich versuche, gelten die gepunkteten Linien. Ich bin in der Lage, um die Links-rechts-Grenzen als gepunktete Linien angezeigt, aber nicht die unteren Grenzen. Wie
Wie kann ich die position der Elemente innerhalb einer Tabellenzelle (td), so dass ein element wird Links ausgerichtet und die andere nach rechts ausgerichtet?
2 Antworten
Gegeben, den html-code unten: <tr> <td>Some text <a href="">Some link</a> <button>Some Button</button></td> </tr> Möchte ich erreichen, so etwas wie dieses: Würde ich brauchen, um zusätzliche mark-up wie Verpackung divs zu floaten Links und die anderen rechts? Ich
Geschachtelte Tabellen: 1px border mit css
4 Antworten
Ich versuche zum erstellen einer Tabelle mit einem 1px schwarzen Rand. Ich habe eine Tabelle verschachteln in die Haupt-Tabelle, und bekommen "dick" Grenzen, wo die nächste Tabelle Hintern gegen seinen umschließenden <td>. Ich will einfach nur einen
CSS Runden Tisch Ecken, Gradienten Hintergrund
1 Antworten
Hier bin ich fiddle: http://jsfiddle.net/6yU6N/10/ Will ich arbeiten, einige CSS-Magie auf die Kopfzeile der Tabelle: Abgerundeten Ecken im oberen linken und oberen rechten Farbverlauf hintergrund Gradient Grenze Cross-browser-Kompatibilität Wie kann dies erfolgen? finden Sie die Lösung hier
Warum flex-box funktioniert mit einem div-Tag, aber nicht eine Tabelle?
3 Antworten
Einfach Folgendes snippet Ergebnisse in einer einzelnen web-Seite, die den verfügbaren Platz auf dem Bildschirm mit einem Kopf an der Spitze, eine Fußzeile am unteren Rand, und die wichtigsten Inhalte unter so viel Raum wie möglich (mit
Mein tr Grenze überschreiben Sie die Tabelle Grenze
4 Antworten
Habe ich den folgenden CSS-Code für meine Tabelle : table{ border: 1px solid black; border-collapse: collapse; } tr{ border-bottom: 1px solid #a2a2a2; } Ich möchte, dass meine Tabelle haben einen schwarzen Rand und im inneren, die Linie
Wrap Spannweiten innerhalb einer Tabellenzelle
2 Antworten
Habe ich diese Tabelle, in der ich versuchen, wickeln Sie den grünen span-Elemente (a,b,c,d,e,f), so dass alle Spalten haben die gleiche Breite und setzen Sie die extra Spannweiten in extra Zeilen der gleichen Zelle, die Erhöhung der
Tisch - nowrap in zwei Zeilen?
3 Antworten
Schauen Sie bitte bei diesem code: td { max-width: 80px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } http://jsfiddle.net/kd4zF/ Ich will "td" Description-Zelle für die Anzeige in 2 Zeilen. Überlauf versteckt werden sollen. white-space: nowrap; display nur eine
CSS Table-Row border-color mit border-collapse
1 Antworten
Habe ich gesehen, dass mehrere Beiträge hier über das Thema, und ich habe gelesen, die W3C-Spezifikation border-style-Konflikt-Auflösung (und gebe zu, dass ich nicht voll bekommen), und ich bin mir nicht sicher, wie Sie Sie zu erreichen, was
Die Angabe einer festen Spaltenbreite in jQuery Datatables
3 Antworten
Ich versuche angeben einer festen Breite für ein paar Spalten in ein jQuery-datatable. Ich habe versucht, dies zu erreichen über die Spaltendefinitionen angegeben in der Datentabellen Dokumentation, aber die Spalte und die Spalte header bekomme immer noch
Lock Tabelle Zellen auf Ihre Standard-Größe, die unabhängig vom Inhalt
8 Antworten
Wenn ich <table> <tr> <td></td> <td></td> </tr> <tr> <td></td> <td></td> </tr> </table> und table { width: 100%; height: 100%; } Jede Zelle nimmt einen gleich Viertel der Tabelle, und die Tabelle reicht um das Fenster zu passen.
css display table-cell benötigt prozentuale Breite
2 Antworten
Habe ich in einer position, wo ich die display:table-cell Befehl für div-Elemente. Allerdings habe ich festgestellt, dass die "Zellen" funktioniert nur korrekt, wenn ein Prozentsatz Hinzugefügt, um die Breite. In diesem fiddle http://jsfiddle.net/NvTdw/, wenn ich entfernen Sie
Responsive images in a fluid-width-Tisch (max-width)
2 Antworten
Betrachten Sie die folgende Stück code: HTML: <div> <img src="http://placehold.it/600x150" /> </div> CSS: div { max-width: 200px } img { max-width: 100% } Wird das Bild nie breiter sein als 200px, unabhängig von seiner ursprünglichen Größe. So
Wie Sie kontrollieren, tr Höhe der Tabelle in CSS
3 Antworten
Ich versuche zur Verringerung der Leerraum zwischen den einzelnen tr in einer Tabelle. Habe ich "table id='recTable' cellspacing=\"0\" cellpadding=\"0\"" bedeutet, dass es keinen Raum zwischen den einzelnen tr(bestätigt). So, was nur ich tun müssen, ist, verringern Sie
Wie man eine CSS-Tabelle mit der Verwendung von DIV UL LI
1 Antworten
Vorstellen, ich habe DIV container, 9 <ul> - tags innerhalb von es (Sie Spalten), jede <ul> tag 5 <li> - tags innerhalb und jeden <li> tag hat einen link innerhalb. Ich es machen will, reinem CSS eine
CSS-Reset Tabelle Standard entspricht
1 Antworten
Arbeite ich mit einer pre-made gekauft Vorlage, wo der Autor der besagten Vorlage WLAN-Dinge, die zusammen in einer Weise, wo es ist neben unmöglich, manchmal, um etwas zu bekommen, wie Sie wollen, in diesem Fall habe ich
Wie (und warum) display: table-cell (CSS)
4 Antworten
Ich habe eine Website mit einem sehr aktiv hintergrund (ich spreche 6 verschiedene z-Indizes hier 2 mit Animationen). Ich wollte einen in den Vordergrund, die hatte Inhalt, sondern wollte ein "Fenster", durch den it-hintergrund. Einige Probleme, die
tr:nth-child(selbst) Hilfe. wie bewerben Sie sich für eine Klasse?
3 Antworten
Ich bin nicht sehr gut mit CSS und ich brauche etwas Hilfe. Ich habe eine Tabelle, wo ich will und jeder anderen Zeile werden Grau und die abwechselnden Reihen, um weiß zu sein. aber ich will nur,
Wie mache ich eine Tabelle Scrollbar
3 Antworten
Kennt jemand einen einfachen Weg, um die Körper eine scrollbare Tabelle mit nur html und css? Ist die offensichtliche Lösung tbody { height: 200px; overflow-y: scroll; } funktioniert nicht. Würde dies die offensichtliche Verwendung von Tabellen? mache
Was ersetzt cellpadding, cellspacing, valign und align in HTML5 Tabellen?
5 Antworten
In Visual Studio, sehe ich diese Warnungen: Validierung (HTML 5): - Attribut "cellpadding" ist kein gültiges Attribut-element 'Tabelle'. Validierung (HTML 5): - Attribut "cellspacing" ist kein gültiges Attribut-element 'Tabelle'. Validierung (HTML 5): - Attribut "valign" ist kein
Warum table width wird ignoriert?
6 Antworten
Ich codiert Stil im folgenden: table.gridtable { font-family: verdana,arial,sans-serif; font-size:14px; color:#333333; border-width: 1px; border-color: #666666; border-collapse: collapse; width: 400px; } und ich sehe keinen overridings in Firebug. Dennoch table width wird berechnet als 812 px; Warum? Eigentliche
Wie definieren die minimale Höhe, die für tbody in CSS
6 Antworten
Möchte ich eine minimale Höhe, die für tbody in CSS, auch wenn keine <tr><td></td></tr> im tbody, hier ist mein code: tbody{ height: 500px; min-height:500px; } aber es funktioniert nicht. also, was soll ich tun, um dies zu
Wie definieren Sie eine Klasse für die Tabelle zur Steuerung der Stil von Tabellenzeilen
3 Antworten
Frage ich mich, ob ich kann eine Klasse definieren, könnte auch die Kontrolle der Zeile Formatvorlagen in der Tabelle. Können sagen, ich definiere eine Klasse "aTable" .aTable { width:800px; border-spacing:2px; } Ich will auch zu definieren, die
Wie die maximale Höhe von CSS-Tabellen?
1 Antworten
Versuche ich vertikal zentrieren von text in einem div mit der Methode in diesem Artikel beschrieben : http://css-tricks.com/vertically-center-multi-lined-text/ CSS: .container { width: 160px; margin: 80px auto; padding: 5px; height: 60px; max-height: 60px; border: 1px solid black; display:
Wie " display: table-cell` breiten berechnet?
2 Antworten
Diese Frage kommt aus dieses vorhandene Frage die ich eine Lösung, aber Sie konnte nicht bieten eine Erklärung, warum. Ich ausgezogen habe Ihre Geige rechts bis auf den blanken Knochen und die folgenden HTML - /CSS: <div
Responsive Div-Tabelle
2 Antworten
Ich habe versucht, die Erzeugung eines div-Tabelle, die von dieser website: http://divtable.com/generator/ Jedoch, alles ist in Ordnung, außer für die Reaktionsfähigkeit des Div-Tabelle. Beim minimieren des browser-Breite, ich möchte es vollständig responsive. Zum Beispiel, ich würde nur
Bootstrap inverse Tabelle und den thead nicht korrekt styling
5 Antworten
Während der Arbeit an einem Bootstrap-basiertes Projekt, stieß ich auf ein seltsames Problem, bei dem einige der styling überschrieben werden, indem der user-agent-stylesheet (in Chrome und Firefox). Ich fand dieses Problem im Zusammenhang, die wurde gelöst, indem
CSS Tabelle default padding oder margin
3 Antworten
Heute, es ist mein erstes mal, ich bin Herumspielen mit Tabellen und ich habe bemerkt, dass die table-und tr-und td-tags haben ein wenig Platz zwischen Ihnen, wie 1 px oder so. So, hier ist mein problem :
height: 100% <div> in <div> mit display: table-cell
7 Antworten
Hier 2 Spalte markup mit display: table und display: table-cell CSS-Deklarationen: CSS: .table { display: table; } .cell { border: 2px solid black; vertical-align: top; display: table-cell; } .container { height: 100%; border: 2px solid green; }
Box Schatten auf die Zeile in der Tabelle erscheinen nicht auf bestimmte Browser
8 Antworten
CSS-box-Schatten-auf-Tabelle-Zeilen - tr - scheint nicht zu arbeiten, die konsequent in allen Browsern. Bei einigen Browsern wird der Schatten angezeigt, bei anderen gibt es keine Schatten. Ich bin mit dem folgenden CSS: tr { background-color: rgb(165, 182,
Rahmen um bestimmte Zeilen in einer Tabelle?
10 Antworten
Ich versuche zu konzipieren, HTML/CSS, dass kann einen Rahmen um bestimmte Zeilen in einer Tabelle. Ja, ich weiß, ich bin nicht wirklich soll, verwenden Sie Tabellen für das layout, aber ich weiß nicht genug CSS, um es
Tabelle Polsterung nicht funktioniert
3 Antworten
Ich habe eine Tabelle, die sich innerhalb eines übergeordneten div voller Körper, text und andere Inhalte. Ich habe folgende CSS-das scheint nicht zu funktionieren: table {width:100%; padding: 0 50px 0 50px;} Wenn ich die Margen anstelle von
Verstecken <div> aus vb.net code Seite
1 Antworten
Ich habe diesen code für das ausblenden einer Tabelle in einer Zelle in aspx -, backend vb.net. Code - For Each row As HtmlTableRow In tab_a1.Rows If row.ID = "a1" Then For Each cell As HtmlTableCell In
Wie Entferne ich die vertikale padding im div-table-cell?
1 Antworten
Nehmen diese web-Beispiel berücksichtigt (es scheint, haben das gleiche Problem) habe ich Folgendes CSS auf meine website (beachten Sie das Leerzeichen zwischen den #head und #body <div>'s): #body { display: table; border-spacing: 0; border-collapse: collapse; } #body-row
Border-Radius an den Ecken der Tabelle Funktioniert Nicht
3 Antworten
Habe ich eine E-Mail-Vorlage hier CSS styling angewendet, um die Kanten gerundet. Möchte ich die oben Links, oben rechts, unten Links, und in der rechten unteren äußeren Ecken werden abgerundet. Alle internen Tabelle Kanten/Ecken sollten quadratisch sein.