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>.
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
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
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
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
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
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;
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,
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
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
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
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
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
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
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
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>
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
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
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
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
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
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
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
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
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
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
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.
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
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
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
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
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
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
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,
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
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
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
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
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
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:
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
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
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
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 :
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; }
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,
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
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
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
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
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.