Problem mit CSS Code
lima-city → Forum → Die eigene Homepage → Homepage Allgemein
ausrichtung
boxen
code
eigenschaft
entsprechenden eigenschaften
formatieren
helfen
http
komische tabellen
opus
probier
problem
tabelle
test
text
untergeordnete elemente
unterschied
url
vergleich
vorherige definition
-
Hi !
Ich erstelle gerade eine Seite.
Link zur Seite: http://davidlohmann.de/test/service1.htm
Link zum CSS: http://davidlohmann.de/test/style.css
Mein Problem:
Im CSS hab ich stehen:
table, tr, td { border: none; margin: 0px; text-align: center; }
Jetzt will ich aber einige Tabellen anders formatieren (text-align: left).
Wie mache ich das ? -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Du gibts den Tabellen, die anders sein sollen, eine eigene Klasse, z.B. <table class="anders">. Im CSS setzt du dann mit table.anders{...} die entsprechenden Eigenschaften. Die vorherige Definition wird dadurch für diese anderen tabellen überschrieben.
-
tct schrieb:
Du gibts den Tabellen, die anders sein sollen, eine eigene Klasse, z.B. <table class="anders">. Im CSS setzt du dann mit table.anders{...} die entsprechenden Eigenschaften. Die vorherige Definition wird dadurch für diese anderen tabellen überschrieben.
Ok,
ich hab im CSS jetzt geschrieben:
table.box {
border: none;
margin: 0px;
text-align: left;
}
und in der Seite:
<table class="box">
Der Text ist aber noch nicht links.
Beitrag geändert: 8.1.2009 12:45:06 von chathc -
Du musst das natürlich auch noch für tr und td machen, da du das ja vorher auch definiert hast. Allerdings ist das eh unnötig, da tr und td untergeordnete Elemente von table sind, so dass die Eigenschaften vererbt werden. Es reicht also, wenn du
table {
border: none;
margin: 0px;
text-align: center;
}
alo allgemeine Tabellendefinition angibst. Dann sollte auch die jeweils andere Ausrichtung für die Tabellen mit left funtkionieren. -
tct schrieb:
Du musst das natürlich auch noch für tr und td machen, da du das ja vorher auch definiert hast. Allerdings ist das eh unnötig, da tr und td untergeordnete Elemente von table sind, so dass die Eigenschaften vererbt werden. Es reicht also, wenn du
table {
border: none;
margin: 0px;
text-align: center;
}
alo allgemeine Tabellendefinition angibst. Dann sollte auch die jeweils andere Ausrichtung für die Tabellen mit left funtkionieren.
Vielen Dank !
Jetzt klappt´s ! -
Jetzt habe ich noch ein Problem:
Ich habe auf der Seite eine Box, die im IE anders angezeigt wird als im Opera.
Könnt Ihr mir helfen, dass die kompatibel ist?
Hier der Vergleich: http://davy.lima-city.de/vergleich.PNG -
Ähm, ich seh da eigentlich keinen Unterschied, bis auf den (natürlichen) browserspezifischen der anderen Eingabeelemente (das ist schließlich "Einstellungssache") und der Abstände. wenn ich das richtig sehe, hast du da ja die Tabelle(n). Probier es doch mal mit
in der Klasse...border-collapse: collapse; padding: 0px;
Ach ja und im IE sehe ich noch komische Tabellen, muss das so?! -
tibel schrieb:
Ähm, ich seh da eigentlich keinen Unterschied, bis auf den (natürlichen) browserspezifischen der anderen Eingabeelemente (das ist schließlich "Einstellungssache") und der Abstände. wenn ich das richtig sehe, hast du da ja die Tabelle(n). Probier es doch mal mit
in der Klasse...border-collapse: collapse; padding: 0px;
Ach ja und im IE sehe ich noch komische Tabellen, muss das so?!
Mein Problem war, dass der Opera so viel Abstand lässt... Wie korrigiere ich das? -
Wie gesagt, baue mal den kleinen Codeschnipsel in die Klasse ein. Ansonsten lass uns einen Blick auf deinen Code werfen.
-
Also, die Seite findet Ihr unter http://www.davidlohmann.de/test/service.htm (die erste Box)
-
davy schrieb:
Jetzt habe ich noch ein Problem:
Ich habe auf der Seite eine Box, die im IE anders angezeigt wird als im Opera.
Könnt Ihr mir helfen, dass die kompatibel ist?
Hier der Vergleich: http://davy.lima-city.de/vergleich.PNG
Ich denk, das sind die Außenabstände von den Absätzen. Probier mal:
Ryantable p { margin: 0; } -
ryanblack schrieb:
davy schrieb:
Jetzt habe ich noch ein Problem:
Ich habe auf der Seite eine Box, die im IE anders angezeigt wird als im Opera.
Könnt Ihr mir helfen, dass die kompatibel ist?
Hier der Vergleich: http://davy.lima-city.de/vergleich.PNG
Ich denk, das sind die Außenabstände von den Absätzen. Probier mal:
Ryantable p { margin: 0; }
Wo genau soll ich das angeben?
EDIT: Jetzt habe ich das im CSS angegeben, es geht auch, allerdings werden auf der Seite ALLE Absätze zusammengeschoben, aber ich will ja nur EINE Tabelle formatieren damit.
Wie geht das?
Beitrag geändert: 9.1.2009 13:22:50 von davy -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
