HTML Zellen farbe ändern?

Ich soll als Hausaufgabe einen Stundenplan erstellen, jedes Fach soll seine eigene Farbe bekommen... Ich habe schon gekuckt ob ich es selber finde... Leider habe ich bisher nichts gefunden...

Hier ein Teil der Tabelle als Bild:

D -> Deutsch E -> Englisch usw.

hier ein ausschnitt - (Webseite, HTML, Tabelle)

3 Antworten

Vom Fragesteller als hilfreich ausgezeichnet

Stargazzzing

19.04.2016, 20:18

Erstens ist das center Tag deprecated und man sollte stattdessen ins css schreiben:

<style>
td
{
text-align:center;
}
</style>

Zweitens um deinen Fächern verschiedenen Farben zu geben füge zu jedem <td> eine Klasse hinzu:

<td class="mathe">Mathe</td>

Drittens schreibe folgendes in dein Css

<style>
.mathe
{
background-color: blue;
}
</style>

Hinter dem Doppelpunkt kommt natürlich deine Farbe.

Alle Html Farben:

http://tomheller.de/theholycymbal/html-farben.html

Hex Codes gehen auch:

#ff0000 wäre rot

die ersten zwei Zahlen sind für rot die nächsetn zwei für grün und die letzten für grün.

Hier gibts alle Farben:

http://www.color-hex.com/

Genauere Erklärung:

https://de.wikipedia.org/wiki/Hexadezimale_Farbdefinition

Rgb auch:

background-color:rgb(255, 255, 255);

https://de.wikipedia.org/wiki/RGB-Farbraum

Du kannst das CSS natürlich auch in eine externe Datei auslagern und einbinden:

<link rel="stylesheet" href="deinecssdatei.css">

Übrigens ist bgcolor auch deprecated. Dafür gibts CSS!

-stargazzzing

xINils

Fragesteller

21.04.2016, 18:49

Vielen Dank für die ausführliche Antwort, das Problem ist mein Lehrer... der hat kaum Ahnung und meint das CSS viel zu kompliziert wäre...

Stargazzzing

21.04.2016, 19:26

@xINils

Bitte, mach ich gerne.

triopasi

Nutzer, der sehr aktiv auf gutefrage ist

im Thema Webseite

19.04.2016, 00:07

Hast du eine CSS Datei?

Wenn ja, mach im HTML jeweils:

<td class="mathe">Mathe</td>

und im CSS:

.mathe {background-color: blue;}

zudem kannste die ganzen center-tags weglassen, wenn du

td {text-align: center;}

hinzufügst.

Ohne CSS Datei kannst du

<td style="background-color: blue">Mathe</td>

überall einfügen.

xINils

Fragesteller

19.04.2016, 00:14

wo muss ich das denn in der CSS einfügen?

table,


td,

th {


border: 1px solid black;


}

So sieht das meine CSS datei aus

triopasi

19.04.2016, 00:15

@xINils

1. Formatierung fixen.

2. Einfach unten einfügen.

Fabian0010

19.04.2016, 01:35

Unter Umständen kannst du bei jeder Spalte bgcolor="FARBE" einfügen.

Ähnliche Fragen

HTML Tabelle Rahmen sichtbar machen

Hallo ich habe folgendes Problem: Ich muss in PsPad als Hausaufgabe einen Stundenplan erstellen das habe ich mit einer Tabelle gemacht nun will ich denn Rahmen(Gitternetz) in der Tabelle sichtbar machen aber ich weiß nicht welchen Befehl ich dafür brauche. Und gibt es ein Befehl mit dem ich die Farbe der Felder in einer Tabelle ändern kann ? Ich wäre euch für Hilfe sehr dankbar :D

...zur Frage

HTML Tabelle zweifarbig?

Hallo allerseits,

wie kann ich in einer html Tabelle jeder Zelle die Farbe zuweisen z.B habe ich zwei Reihen, Rechts und Links, wie kann ich alle linken blau machen und alle rechten rot?

...zur Frage

Tabellarischen Lebenslauf mit HTML erstellen?

Ich würde gerne einen Lebenslauf mit Tabellen und nur mit HTML (also kein CSS) erstellen, aber weiß nicht wie. Könnte mir jemand erklären wie ich es machen kann, oder eine kleine Vorlage schreiben?

MfG

...zur Frage

Stundenplan in HTML schreiben?

Moin Leute habe ne kurze Frage Ich gehe seit 2 Wochen auf eine neue Schule und dort gibt es das Fach Informatik. Ich bin halt neu und kenne mich deswegen nicht soo gut mit dem fach aus und deswegen habe ich eine Frage an euch und zwar ob ihr mir sagen könnt wie man seinen eigenen stundenplan in HTML schreiben kann oder ob ihr mir hilfreiche Seiten empfehlen könnt

LG Lukas

...zur Frage

Kopfzeile einer mit php generierten html-Tabelle färben?

Hallo,

beim Rumbasteln an meiner Homepage hat sich folgendes Problem ergeben: Mittels des Wordpress-Plugins "PHP Code For Posts" lasse ich eine html-Tabelle generieren, die die Ergebnisse einer Datenbankabfrage anzeigen soll. Das ganze klappt auch ohne Probleme. Nun möchte ich aber der ersten Zeile der Tabelle eine andere Hintergrundfarbe geben. Mittels <tr bgcolor=\"#005F6B\"> funktioniert dies allerdings (am PC) nicht. Auch bei einzelnen Zellen (td oder th) lässt sich die Hintergrundfarbe nicht ändern.

Desweiteren lasse ich mit dem Plugin "WPtouch Mobile Plugin" die Mobile Ansicht der Homepage erstellen. Funktioniert auch fehlerfrei. Wenn ich mir hier die oben genannte Tabelle anschaue, dann hat die erste Zeile die von mir gewünschte Farbe, allerdings fehlen in der mobilen Ansicht sämtliche Rahmen. (In der PC-Version sind diese sichtbar)

Hat jemand eine Idee woran das liegen könnte? Ich würde nämlich gerne sowohl auf dem PC als auch mobil die Farben und Rahmen sehen können^^

Die Theme-Einstellungen (das Graphene-Theme wird von mir verwendet) habe ich schon durchgeschaut aber nichts gefunden. Durch das PHP-Plugin ist die Verwendung von css nicht möglich.

Wenn jemand eine Idee hat, wie man sowas anders umsetzt, dann immer her damit :) Wäre allerdings schön, wenn es mit Plugins klappen würde.

Vielen Dank für jede Hilfe!

...zur Frage

HTML Farbe ändern im Sekunden-Takt

Hallo, ich möchte im Sekunden-Takt die Farbe eines Textes in HTML ändern, wie geht das nun?

bsp.:

test

Soll seine Farbe von Rot auf Weiß ändern

...zur Frage

Google Docs Zellen Farbe nach Datum ändern?

Hallo Leute,

Wir haben eine Google Docs Tabelle in der das Aktuelle Datum und Prüfungstermine Stehen

Nun möchte ich wenn das Aktuelle Datum den Prüfungstermin erreicht hat oder danach liegt die Farbe der Zelle ändern. Kann mir jemand erklären wie ich das hinbekomme?

...zur Frage

Farbe einer Zelle durch Wenn-Funktion ändern?

Hallo

ich möchte meine Tabelle mit einer Wenn Funktion ausstatten. Und zwar soll jede Zelle in der ein "x" die Hintergrundfarbe grün erhalten. Alle anderen Zellen bleiben leer und sollen ohne Farbe bleiben.

Ich hoffe jemand kann mir weiter helfen :-)

...zur Frage

Excel Zellen - Gleicher Inhalt über mehre Mappen

HAllo,

ich hab überhaupt kein Plan von Excel ;) Muss nur eine Tabelle gerade erstellen und brauch eure Hilfe!

Ich hab eine Excel Datei mit 12 Tabellen. Ganz oben in der Reihe sollen in 6 Zellen Namen stehen in Reihe. In jeder Tabelle dieselben! Nun ändern sich die 6 Namen öfter..und ich möchte nicht in allen 12 Tabellen die Zellen neu reinkopieren müssen. Gibt es ne möglichkeit die Zellen irgendwie zu "verlinken"? Also sobald ich in Zelle1 Tabelle1 den Inhalt ändere, ändert er sich auch in Tabelle 2 in Zelle1 ??

Dankeee

...zur Frage

Excel Tabelle?

Hallo:)

ich lerne grade Tabellen zu erstellen bei Excel. Wir haben von der Lehrerin einen Zettel bekommen mit paar Übungsaufgaben.
Ist die Tabelle in Ordnung? Kann man da was verbessern? Bin noch grade am lernen:)

Übertrage die Tabelle in das Programm und übernehme die Formatierungen.
Verbinde, wo es nötig ist, die Zellen und rahme sie entsprechend der Vorlage ein.
Füge in den Zellen B2 bis D2 Zeilenumbrüche ein.
Ändere die Zeilenhöhe der Zeilen 1 und 15 auf 20 pt.
Formatiere die Ausrichtung sowohl horizontal als auch vertikal auf zentriert
Formatiere die Spaltenüberschriften als fett gedruckt.
Führe die Berechnungen mit kopierfähigen Formeln durch. Nimm die Rangzuordnung manuell vor.
Formatiere die Einkaufswerte (D3:D12) automatisch so ein, dass die Zellen mit den höchsten 15 % Werten mit grüner Füllung und die Zellen mit den niedrigsten 10 % Werten mit hellroter Füllung versehen werden.

...zur Frage

Mit HTML mehrfarbiger Hintergrund erstellen bzw. bewegender Hintergrund?

Hallo,

ich möchte mir eine Webseite mit HTML erstellen.

Jetzt möchte ich aber als Hintergrundfarbe mehrere Farben verwenden geht das?

Gruß

polizei1100

...zur Frage

Java Tabelle mit HTML Layout erstellen?

Hallo!

Ich möchte aus einer großen HTML Tabelle einige Informationen auslesen und dann in einer Tabelle anzeigen lassen, die möglichst genau so aussehen soll. Die Informationen lese ich im Moment mit folgendem Code heraus:

 public static void WebTable(String s){
    String html = //musste den Link entfernen, da dieser nicht öffentlich gemacht werden darf;
   
      try {
         Document doc = Jsoup.connect(html).get();
         Elements tableElements = doc.select("table");


         ArrayList<String> list = new ArrayList<String>();
       
         Elements tableRowElements = tableElements.select(":not(thead) tr");
         for (int i = 0; i < tableRowElements.size(); i++) {
             Element row = tableRowElements.get(i);
             Elements rowItems = row.select("td");
             if(rowItems.size() == 7){
            
             if(rowItems.get(0).text().equalsIgnoreCase(klasse.replaceAll(" ", ""))){

                 for (int j = 0; j < rowItems.size(); j++) {
                    list.add(rowItems.get(j).text());
                }  }     
         }
         }
     } catch (IOException e) {
         e.printStackTrace();
      }
}

Also habe ich nun alle benötigten Daten in einer ArrayList. Nun möchte ich diese einfach in eine Tabelle eintragen. (Also von links nach rechts einfach auffüllen). Die Tabelle soll jedoch aussehen, wie auf dem Bild gezeigt.

http://goo.gl/4zWlSe

Hoffe mir kann jemand weiterhelfen.

Lg SuperSpace

...zur Frage

Fehlerhafter code TablePress?

Hallo, ich habe eine Frage. Ich hab eine Tabelle über TablePress erstellt und möchte die einzelnen Zellen in unterschiedlichen farbig hinterlegen. Ich verwende den diesen code

allerdings wenn ich ihn verwende, springt die Farbe in die nächste Zelle.

Freue mich über eure Hilfe.

...zur Frage

Excel tabelle in webseite einbinden?

Ich bin gerade dabei eine internetseite zu machen, dabei habe ich eine excel tabelle mit eingebunten nun habe ich das problem das sich zwar die tabelle öffnen lässt jedoch nicht auf der seite zu bearbeiten (nur werte in zellen schreiben ) und zu speichern ist. Ich habe die tabelle auf one drive und öffentlich gestellt meine einbindung habe ich über html gemacht.

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen