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 Beitragsersteller 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

Beitragsersteller

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

Beitragsersteller

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 Beiträge

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

...zum Beitrag

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?

...zum Beitrag

HTML Tabelle border-style für einzelne Zelle?

Guten Abend,

ich stecke gerade fest und schaffe es nicht, so eine Tabelle in HTML zu machen:

Die verbundenen borders mache ich mit border-collapse, aber dann sind die borders der einzelnen Zelle ja weg und die gestrichelte border der linken und rechten Zelle sind unsichtbar. Ohne border-collapse habe ich aber zwei Ränder, was ich nicht möchte. Und ohne border an der Tabelle, sondern nur für die Zellen, sind die Zellen nicht mehr verbunden und es entstehen Lücken zwischen ihnen.

Vielleicht weiß ja jemand von euch, wie das zu machen ist.

Liebe Grüße!

...zum Beitrag

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?

...zum Beitrag

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

...zum Beitrag

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!

...zum Beitrag

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

...zum Beitrag

Wie kann ich eine dynamische HTML-Tabelle persistent erweitern?

Hey liebe GuteFrageNet-Community,

ich bastle gerade an einer Website, in der man eine Tabelle per Knopfdruck erweitern kann. Dies funktioniert soweit auch sehr gut, aber es wird nicht gespeichert, bzw. nur im Cache bei demjenigen, der den Knopfdruck ausgeführt und etwas hineingeschrieben hat.

Gibt es eine Möglichkeit, diese Tabelle zu "speichern" und es zu übernehmen?

Und noch eine weitere kleine Frage: In der Tabelle kann man wie oben schon beschrieben, etwas hineinschreiben. Wie kann man die Schriftfarbe dynamisch ändern? Also klar, mit type="color". Aber wie genau?

Hier der HTML und Javascript-Code:

<form method='post' name='first'>
  <table id='tab' border=5 id="box">
    <colgroup>
      <col width="40%">
      <col height="50%">
    </colgroup>
    <tbody>
      <th>Datum <br> Uhrzeit</th>
      <th>Map</th>
      <th>Ergebnis</th>
      <th>Spieler</th>
    </tbody>
    <tr>
      <td>
        <input id="changetext" type='text' type="color" name='Date' placeholder='Datum/Uhrzeit'>
      </td>
      <td>
        <input id="changetext" type='text' name='Map' placeholder='Map'>
      </td>
      <td>
        <input id="changetext" type='text' name='Result' placeholder='Ergebnis'>
      </td>
      <td>
        <input id="changetext" type='text' name='Player' placeholder='Spieler'>
      </td>
    </tr>
  </table>
  <br>
  <input type='button' value='neue Zeile' onClick='clone_this()'>
  <input id="changetext" type="color">
</form>
<script>
  var input = document.getElementById("changetext");
  var text = document.getElementById("text");

  input.addEventListener('change', function () {
    text.style.color = this.value;
  });
</script>

...zum Beitrag

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

...zum Beitrag

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

...zum Beitrag

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

...zum Beitrag

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.

...zum Beitrag

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

...zum Beitrag

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 :-)

...zum Beitrag

Was möchtest Du wissen?

Deine Frage stellen