zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Tabellen Rahmen um einzelne Zellen

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 07.11.2010, 14:52
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 10.06.2007
Beiträge: 375
seeadler befindet sich auf einem aufstrebenden Ast
Standard Tabellen Rahmen um einzelne Zellen

Hi,

bin irgendwie verwirrt; kann mir jemand sagen wie ich per css einer Tabelle bzw. der einzelnen Zellen einen Rahmen verpassen kann?
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 07.11.2010, 15:01
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 10.06.2007
Beiträge: 375
seeadler befindet sich auf einem aufstrebenden Ast
Standard

also wenn ich es so definiere
Code:
table, th, td
{
border: 1px solid black;
}
....dann habe ich einen doppelten Rand; ich möchte gerne eine einfach Linie zwischen den einzelnen Zellen
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 07.11.2010, 15:01
Benutzerbild von ArcVieh
//
XHTMLforum-Kenner
 
Registriert seit: 19.12.2006
Ort: Gütersloh
Beiträge: 1.845
ArcVieh sorgt für eine eindrucksvolle AtmosphäreArcVieh sorgt für eine eindrucksvolle Atmosphäre
Standard

Was hast Du denn schon probiert?
Der Tabelle selber einen Rahmen zu geben, geht so:
HTML-Code:
table {
   border:1px solid #000;
}
Den einzelnen Zellen einen Rahmen zu geben, funktioniert genau so:
HTML-Code:
td {
   border:1px solid #000;
}
Wenn Du möchtest, dass die Rahmen "zusammenfallen" musst Du border-collapse verwenden.

HTML-Code:
table {
   border-collapse: collapse;
}
Oder habe ich dein Problem falsch verstanden?
__________________
CSS-FAQ beantwortet die meisten Fragen | Retro coding gegen Divitis | Code validieren & posten für Hilfe
Mit Zitat antworten
  #4 (permalink)  
Alt 07.11.2010, 19:36
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 10.06.2007
Beiträge: 375
seeadler befindet sich auf einem aufstrebenden Ast
Standard

hätte da noch ne Frage: habe eine leerzeile in spalte 1 bzw. spalte4.
Kann mir aber nicht erklären warum?
Grafiken in unterschiedlichen Formaten .bmp; png; jpg; gif
Mit Zitat antworten
  #5 (permalink)  
Alt 07.11.2010, 20:50
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.854
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Das ist keine Leerzeile, sondern vertical-align: middle;, das td standardmäßig hat

Übrigens hat border-collapse einen heftigen Bug in Firefox bis inkl. 3.5, https://bugzilla.mozilla.org/show_bug.cgi?id=155955, so dass man im Zweifelsfalle zur klassischen Variante greifen sollte:

1. border-spacing: 0; für table
2. die Zellen bekommen border-right & -bottom
3. td:first-child zusätzlich noch border-left (oder table, solange dies kein Boxmodell-Problem bereitet)
4. table bekommt border-top

Der IE < 8 kann dann die Variante per border-collapse: collapse; bekommen - in jedem Falle aber der IE < 7, denn er kennt :first-child nicht.
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)

Geändert von heiko_rs (07.11.2010 um 20:53 Uhr)
Mit Zitat antworten
  #6 (permalink)  
Alt 07.11.2010, 21:39
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 10.06.2007
Beiträge: 375
seeadler befindet sich auf einem aufstrebenden Ast
Standard

danke für den Tipp:
habs nun folgendermaßen definiert:
Code:
table
{
border-style: solid;
border-color: #00F;
border-width:1px;
border-spacing:0;
border-top:1px;
text-align:left;
}

td
{
border-style: solid;
border-color: #00F;
border-right:1px;
border-bottom:1px;
}

td:first-child
{
border-left:1px;
}
http://ph.dyntec.de/mountain.html
........leider wird mir da der obere border und die inneren border der Tabelle nicht angezeigt. Habe ich da was vergessen?

Geändert von seeadler (07.11.2010 um 21:41 Uhr)
Mit Zitat antworten
  #7 (permalink)  
Alt 07.11.2010, 21:45
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.854
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Ich würde hier immer einfach nur border-top: 1px solid #00f; schreiben, und analog für left, right und bottom.
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)
Mit Zitat antworten
  #8 (permalink)  
Alt 08.11.2010, 06:31
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 10.06.2007
Beiträge: 375
seeadler befindet sich auf einem aufstrebenden Ast
Unglücklich

habs nun so definiert:
Code:
table
{
border-top: 1px solid #00f;
border-spacing:0;
text-align:left;
}

td
{
border-bottom: 1px solid #00f;
border-right: 1px solid #00f;
}

td:first-child
{
border-left: 1px solid #00f;
}
leider ist da immer noch die "Leerzeile" bzw. vertical-align: middle;in der ersten und letzten Spalte
Mit Zitat antworten
  #9 (permalink)  
Alt 08.11.2010, 10:04
Benutzerbild von ArcVieh
//
XHTMLforum-Kenner
 
Registriert seit: 19.12.2006
Ort: Gütersloh
Beiträge: 1.845
ArcVieh sorgt für eine eindrucksvolle AtmosphäreArcVieh sorgt für eine eindrucksvolle Atmosphäre
Standard

Zitat:
Zitat von seeadler Beitrag anzeigen
leider ist da immer noch die "Leerzeile" bzw. vertical-align: middle;in der ersten und letzten Spalte
Setz es doch auf vertical-align:top;
Mehr Infos zu vertical-align hier.
__________________
CSS-FAQ beantwortet die meisten Fragen | Retro coding gegen Divitis | Code validieren & posten für Hilfe
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 08.11.2010, 22:36
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 10.06.2007
Beiträge: 375
seeadler befindet sich auf einem aufstrebenden Ast
Standard

hab's nun so definiert:
Code:
table
{
border-style:solid;
border-width:1px;
border-color: #00f;
border-spacing:0;
text-align:left;
border-collapse:collapse;
}

td
{
vertical-align:top;
border-style:solid;
border-width:1px;
border-color: #00f;
}
Also habe meinen Quellcode nun in den aktuellen Browsern: IE 8, Firefox 3.6 und Opera 10.63 anzeigen lassen und bin mit dem Ergebnis soweit zufrieden.
Kann mir jemand sagen ob ich mit diesem CSS-Code in älteren Browser-Versionen Anzeige Probleme bekommen werde?
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Tabellen Zeile einlesen, einzelne Zelle auslesen s3rial_ Javascript & Ajax 4 29.07.2010 11:14
Tabellen Rahmen soll weg Marco2804 (X)HTML 10 04.06.2010 16:05
Rahmen zwischen 2 Zellen: ich kriegs nicht hin! kiph CSS 4 24.09.2008 13:25
Rahmen ohne Tabellen realisieren ? schani CSS 3 02.11.2006 09:33
Hilfe: CSS Rahmen bei leerer Tabellen Zelle Mondschein1981 CSS 7 26.01.2005 16:13


Alle Zeitangaben in WEZ +2. Es ist jetzt 21:18 Uhr.