Text in Tabelle via CSS

Diskutiere Text in Tabelle via CSS im Web & Grafik Forum im Bereich Internet & Telekomunikation Forum; ich habe mich im Dreamweaver an die Erstellung von CSS-Stiles gewagt und erstmals nur die Schriftart und -farbe definiert, dies funktioniert auch...
  • Text in Tabelle via CSS Beitrag #1
unforgettable

unforgettable

Bekanntes Mitglied
Dabei seit
24.09.2000
Beiträge
1.025
Reaktionspunkte
0
ich habe mich im Dreamweaver an die Erstellung von CSS-Stiles gewagt und erstmals nur die Schriftart und -farbe definiert, dies funktioniert auch wunderbar bei "normalem" Text auf der Seite.
Wenn ich jedoch eine Tabelle erstelle und dort drin Text schreibe, ist dieser vom CSS ausgenommen.
Ich habe inzwischen zwar herausgefunden wie ich im html-code der Tabelle das CSS einbinden kann.

Die Frage ist nur ob ich im CSS-Stile, oder durch eine Ergänzung im Header gleich alle Tabellen usw. die ich auf der Seite erstellen werde miteinbezogen sind.
 
  • Text in Tabelle via CSS Beitrag #2
F

fixxing_bob

Bekanntes Mitglied
Dabei seit
24.10.2006
Beiträge
901
Reaktionspunkte
0
Das sollte mit
Code:
table {
    color: #808080;
    background-color: #00FF00;
}
funktionieren.
 
  • Text in Tabelle via CSS Beitrag #3
Telcontar

Telcontar

Bekanntes Mitglied
Dabei seit
13.09.2007
Beiträge
3.573
Reaktionspunkte
0
Ort
Erde
Ja, das geht.
Du arbeitest, so wie es aussieht, mit einem benutzerdefinierten Stil. In Deinem Fall wäre es sinnvoll, den TD-Tag neu zu definieren. Beim meiner Version des Dreamweaver findet beim Anlegen eines neuen Stils eine Abfrage statt. Dort wählst Du "HTML-Tag neu definieren" und wählst aus der Kombobox den HTML-Tag TD aus.
Dieser Stil gilt dann für jede Tabellenzelle.
 
  • Text in Tabelle via CSS Beitrag #4
unforgettable

unforgettable

Bekanntes Mitglied
Dabei seit
24.09.2000
Beiträge
1.025
Reaktionspunkte
0
@Telcontar

Du hast recht, ich habe im Dreamweaver unter neuer Stil den "Benutzerdefinierten Stiel" gewählt und dann Schriftart und Farbe gewählt.

Ich verstehe nun nicht so ganz wo du meinst das ich den TD-Tag "neu definieren" soll?
Ich habe unter Stil bearbeiten mal den HTML-Tag neu definiert, aber dort lassen sich die selben Dinge einstellen wie bei Ben.def. Stil

Der einzige Unterschied ist, wenn ich den HTML-Tag ebenfalls definiert habe, wird die Schriftart in der Tabelle angepasst, aber die Schriftfarbe ist noch nicht wie im CSS definiert, aber schon mal einen Schritt weiter :)

Aber was für eine Kombobox du meinst weis ich noch nicht.

PS: ich habe Dreamweaver 4
 
  • Text in Tabelle via CSS Beitrag #5
unforgettable

unforgettable

Bekanntes Mitglied
Dabei seit
24.09.2000
Beiträge
1.025
Reaktionspunkte
0
Aber was für eine Kombobox du meinst weis ich noch nicht.

PS: ich habe diese Kombobox wohl gefunden :)
meinst du das Pulldownmenu im Fenster "Neuer Stil" ?
dort sind neben ca. 20 Sachen auch Td anwählbar...teste es gleich aus, aber wird wohl schon das sein :ja:
 
  • Text in Tabelle via CSS Beitrag #6
Telcontar

Telcontar

Bekanntes Mitglied
Dabei seit
13.09.2007
Beiträge
3.573
Reaktionspunkte
0
Ort
Erde
Du bist schon auf dem richtigen Weg. Mit der Kombobox meinte ich das Pulldownmenü, wo du den TD-Tag gefunden hast.
Es scheint ja bei Dir aber etwas noch nicht zu passen. Ich vermute einmal, dass Du da evtl. noch einen weiteren Stil anwendest.

Da Du schreibst, Du hättest gerade damit angefangen, hier eine kleine Erklärung. Ich hoffe, sie hilft.
CSS bedeutet ja Cascading Style Sheet. Die Betonung liegt auf Cascading. Wenn Du im TD-Tag z.B. die Schrift blau färbst und dann dem Text manuell einen Stil gibst wo die Farbe schwarz ist, wird der Text schwarz dargestellt. Es gelten immer die Attribute des zuletzt gewählten Stils.

Dieses Cascading kannst Du für Dich einsetzen. Ein Beispiel:
Du willst alles auf Deiner Tabelle in Arial aber unterschiedliche Schriftgrößen und Farben. Also definierst Du den TABLE-Tag mit der Arial. Den untergeordneten TH-Tag (Tabellenkopf) definierst Du nur noch 12 px und Rot und meinetwegen Fett. Denn Arial hast Du durch die übergeordnete Tabelle ja schon definiert. Und dem TD-Tag sagst Du ebenfalls nur Farbe und Größe.

So sollte das eigentlich funktionieren. Leider gibt es aber immer noch hier und da Browserprobleme. Also immer gut testen.
 
  • Text in Tabelle via CSS Beitrag #7
unforgettable

unforgettable

Bekanntes Mitglied
Dabei seit
24.09.2000
Beiträge
1.025
Reaktionspunkte
0
vielen dank für deine ausführliche Erklärung, nachdem ich nun den body- und td-tag hinzugefügt habe, funktioniert es auf der ganzen Seite mit Text und Tabelle :goil:

Schade habe ich nicht schon eher mit CSS angefangen, ich habe meine HP bereits ein paar Jahre und habe jetzt nur die neuen Seiten mit CSS erstellt.

Bin mir noch nicht sicher ob ich die alten Seiten (ein paar hundert) mal überarbeiten soll, wenn ich mal seeeehr viel Zeit habe vielleicht :cool:
 
  • Text in Tabelle via CSS Beitrag #8
Telcontar

Telcontar

Bekanntes Mitglied
Dabei seit
13.09.2007
Beiträge
3.573
Reaktionspunkte
0
Ort
Erde
Es lohnt sich auf jeden Fall.
Das solltest Du dann aber gut überdenken und vorbereiten. Denn wenn Du pfiffig mit einem ausgelagertem CSS arbeitest, kann Du über diese Datei in einem Rutsch das Layout aller Seiten ändern. Ein Redesign wird so zum Kinderspiel.
 
  • Text in Tabelle via CSS Beitrag #9
unforgettable

unforgettable

Bekanntes Mitglied
Dabei seit
24.09.2000
Beiträge
1.025
Reaktionspunkte
0
gibt es in der Dreamweaver-Hilfe auch eine Tabelle was die Abkürzungen alle bedeuten die man unter HTML-Tag auswählen kann?
Ich habe inzwischen herausgefunden das "a" für Hyperlink steht
 
  • Text in Tabelle via CSS Beitrag #10
Telcontar

Telcontar

Bekanntes Mitglied
Dabei seit
13.09.2007
Beiträge
3.573
Reaktionspunkte
0
Ort
Erde
Der Dreamweaver ist eher als Wysiwyg-Editor gedacht. Da wird der Quelltext und die unterschiedlichen Tags nicht wirklich ausführlich behandelt. Ich arbeite fast nur im Quelltext. Erste Anlaufstelle dafür ist sicherlich http://de.selfhtml.org/.
Dort findest Du auch alle Befehle mit Beispiel usw.
Schau Dir mal diese Unterseite und folgende an: http://de.selfhtml.org/html/referenz/index.htm
 
Thema:

Text in Tabelle via CSS

ANGEBOTE & SPONSOREN

https://www.mofapower.de/

Statistik des Forums

Themen
213.180
Beiträge
1.579.174
Mitglieder
55.879
Neuestes Mitglied
stonetreck
Oben